How to use the semantic-ui-react.Menu.Menu function in semantic-ui-react

render() {
    const { activePath, examples, sectionName } = this.props
    const { isActiveByProps, isActiveByUser } = this.state

    const active = isActiveByUser || isActiveByProps

    return (
      
        
          <b>{sectionName}</b>
          
        
        
          {_.map(examples, ({ title, examplePath }) =&gt; (
            
          ))}
        
      
    )
  }
}

function Side({
  endpoints,
  currentEndpoint,
  addEndpoint,
  onEndpointSelection,
  onEndpointDelete,
  moveEndpoint,
  openPreferenceDialog,
  save,
  deploy,
  remoteDeploy,
  closeProject
}: ISideBar) {
  const UrlContainer = SortableContainer(Menu.Menu);
  const urls = endpoints.map((endpoint, index) => {
    const UrlElement = SortableElement(Url);
    return (
       1}
      />
    );
  });

const classes = cx(
      'inloco-layout__sidebar-submenu-accordion',
      'submenu-accordion',
      className
    )
    return (
      
        
          {Icon.create(normalizeIconProp(icon), { autoGenerateKey: false })}
          <span>
            {content}
          </span>
          
        
        
          
            {children}
          
        
      
    )
  }

.add('open', () => (
    <menu>
      
      
        
          
          <span>Places</span>
          
        
        
          
          
        
      
      
    </menu>
  ))
  .add('open selected', () =&gt; (

const Container = styled.div`
  padding-left: 280px;
  height: 60px;
`

const StyledMenu = styled(Menu)`
  height: 100%;
`

const StyledMenuItem = styled(Menu.Item)`
  width: 80px;
  justify-content: center;
`

const StyledInput = styled(Menu.Menu)`
  width: 239px;
`

class Nav extends PureComponent {
  handleItemClick = (e, { name }) => {
    this.props.dispatch({
      type: 'appModel/switchRoute',
      payload: {
        route: name,
      },
    })
  }

  render() {
    const { route } = this.props
    return (

function Side({
  endpoints,
  currentEndpoint,
  addEndpoint,
  onEndpointSelection,
  onEndpointDelete,
  moveEndpoint,
  openPreferenceDialog,
  save,
  deploy
}: ISideBar) {
  const UrlElement = SortableElement(Url);
  const UrlContainer = SortableContainer(Menu.Menu);

  const urls = endpoints.map((endpoint, index) => {
    return (
      
    );
  });

  return (