Add react-jss example #5140
Add react-jss example #5140
Conversation
|
@kof @oliviertassinari could you have a look at this example 🕵️ If it looks alright I'll merge it 👍 |
|
@HenriBeck How do you solve the hot reloading class name missmatch issue? On Material-UI we had to remove the moduleId. |
|
There aren't any mismatches when hot reloading. I can change the styles or a component, and I get the new changes applied. I think the reason it works, is because |
|
It's good to know. |
|
A mismatch should only happen when the client is being hydrated which only happens on the first render if I'm correct. The HMR should only rerender/update the components. |
| @@ -0,0 +1,3 @@ | |||
| { | |||
| "presets": ["next/babel"] | |||
There was a problem hiding this comment.
I get this error when I don't have this file:
Module build failed: Error: [BABEL] /Users/henri/Coding/next.js/examples/with-react-jss/pages/_app.js: You gave us a visitor for the node type PrivateName but it's not a valid typeThere was a problem hiding this comment.
You possibly have a .babelrc in an upward directory 🤔
There was a problem hiding this comment.
Yeah, that one: https://github.com/zeit/next.js/blob/canary/examples/.babelrc
There was a problem hiding this comment.
Ahhh yeah that's fine. Users download only the example itself. Either way it'll work 👍
Added a clear example on how to use react-jss with injecting the styles on the server.
cssinjs/jss#457