I am using Material UI. In the doc it shows that I can use:

```
 import Icon from "@material-ui/core/Icon";
   ...
  <Button variant="contained" color="primary" className={classes.button}>
     blabla
      <Icon className={classes.rightIcon}>send</Icon>
  </Button>

```

but what it shows is a button with a text "BLABLA SE" which is wrong.

But when I use:

```
import SendIcon from "@material-ui/icons/Send";
....
    <Button variant="contained" color="primary" className={classes.button}>
     Blabla
     <SendIcon className={classes.rightIcon} />
    </Button>

```

It works just fine, with a text `BLABLA` and a send icon on the left side of it.

In the sandBox provided in the doc both work. So why the first case doesn't
work for me?