How to use Link components in Menu.List elements
You need use the SUIR’s augmentation: <Menu.Item as={ Link } name=”profile” to=’profile’> <Icon name=”user” /> My profile </Menu.Item>
semantic-ui-react
Warning: Prop `className` did not match. when using styled components with semantic-ui-react
This warning was fixed for me by adding an .babelrc file in the project main folder, with the following content: { “presets”: [“next/babel”], “plugins”: [[“styled-components”, { “ssr”: true }]] } See following link for an example: https://github.com/nblthree/nextjs-with-material-ui-and-styled-components/blob/master/.babelrc