<Menu.Item> does not render the name properly.

[cHAuHaNz]

Bug Report

Steps

Make a new menu and put some alphanumerical or special characters in the name prop.
It adds black spaces around the number converting next character into UPPERCASE and also omits the special characters and makes the character very next to the symbol in UPPERCASE.

Example:-

<Menu>
  <Menu.Item name="Xpl0iter's Name"/>
</Menu>

Expected Result

Actual Result

Version

0.88.2

Testcase

https://codesandbox.io/s/react-semantic-ui-bug-evp20

[welcome]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[theBstar]

This issue is raising due to .startCase from lodash . It is being used in the component. Here is the exact place in the code. .

[layershifter]

name is unique identifier on item, to provide content please content or children:

    <Menu>
      <Menu.Item content="Ex4mp1e 1" />
      <Menu.Item>Som3 c#4arcter</Menu.Item>
    </Menu>

#1340 (comment)