Next.js example with hooks

[virzak]

I'm getting an error when converting the next.js app to use makeStyles

Unhandled Rejection (Invariant Violation): Hooks can only be called inside the body of a function component.

  47 | 
  48 | // Get the context of the page to collected side effects.
  49 | const pageContext = getPageContext();
> 50 | const page = renderPage((Page) => (props) => {
  51 |   //const pageWithContext = page as Component<InjectPageContext>;
  52 |   return (
  53 |     <JssProvider registry={pageContext.sheetsRegistry} generateClassName={pageContext.generateClassName}>

Would it be possible to update the example or provide tips on how to convert?

[revolunet]

Hi, did you solve it ?

[virzak]

@revolunet I did not.

[eps1lon]

Are you using both react@next and react-dom@next?

[virzak]

Yes

[oliviertassinari]

#13920