How to use the metal-jsx.Config.string function in metal-jsx

>
            
          }
      
    );
  }
}

TreeNode.PROPS = {
  componentNode: Config.value({}),
  depth: Config.number().value(0),
  highlightDOM: Config.func(),
  onInspectDOM: Config.func(),
  onNodeExpand: Config.func(),
  onNodeSelect: Config.func(),
  selectedId: Config.string()
};

TreeNode.STATE = {
  highlight: Config.value(false),
  showMenu: Config.value(false)
};

export default TreeNode;

const {name, type} = this.props;

    return (
      <span class="node-name-container">
        {type === NORMAL_CLOSING ? '{name}</span>

        {type === SELF_CLOSING ? ' /&gt;' : '&gt;'}
      
    );
  }
}

NodeName.PROPS = {
  name: Config.string(),
  type: Config.oneOf([OPENING, NORMAL_CLOSING, SELF_CLOSING]).value(OPENING)
};

export default NodeName;

return (
      
    );
  }
}

MetalJSONEditor.PROPS = {
  config: Config.object(),
  onChange: Config.func(),
  type: Config.string(),
  typeColors: Config.object(),
  value: Config.object()
};

export default MetalJSONEditor;