IssueRaiser

Improve Next.js support

### Summary 💡 This issue will serve as an umbrella for all issues related to Next.js app router integration. It will be easier to have an overview of all the problems in one place. ### Done - [X] Next.js 13 Hydration failed because the initial UI does not match what was rendered on the server [#34893](<https://github.com/mui/material-ui/issues/34893>) - [X] Next.js 13 example with /app folder [#34898](<https://github.com/mui/material-ui/issues/34898>) - [X] Next.js 13 compatibility (app directory/server components) [#34896](<https://github.com/mui/material-ui/issues/34896>) - [X] Add use client directive to all components in a new build step [#37503](<https://github.com/mui/material-ui/issues/37503>) - [X] Next.js 13 Error during SSR Rendering ReferenceError: defaultStyleFunctionMapping is not defined [#34910](<https://github.com/mui/material-ui/issues/34910>) - [X] Next.js 13 global styles issue [mui/material-ui#37935](<https://github.com/mui/material-ui/issues/37935>) - [X] Cover useId Next.js limitation [mui/material-ui#38103](<https://github.com/mui/material-ui/issues/38103>) - [X] Make Next.js App Router example the default recommended over Next.js Page Router [mui/material-ui#38204](<https://github.com/mui/material-ui/issues/38204>) - [X] Configure and document modularizeImports for icons [mui/material-ui#35450](<https://github.com/mui/material-ui/issues/35450>) [mui/material-ui#36218](<https://github.com/mui/material-ui/issues/36218>) - [X] Create an npm package to

Posted by mnajdova on Oct 27, 2022, 12:00 PM

Tags

Related issues

Raise real-world problems, find people facing the same issue, and discuss solutions.2,500 issues0 comments

ux (SaaS)

Improve Next.js support

mnajdovaOct 27, 2022, 12:00 PM

### Summary 💡 This issue will serve as an umbrella for all issues related to Next.js app router integration. It will be easier to have an overview of all the problems in one place. ### Done - [X] Next.js 13 Hydration failed because the initial UI does not match what was rendered on the server [#34893](<https://github.com/mui/material-ui/issues/34893>) - [X] Next.js 13 example with /app folder [#34898](<https://github.com/mui/material-ui/issues/34898>) - [X] Next.js 13 compatibility (app directory/server components) [#34896](<https://github.com/mui/material-ui/issues/34896>) - [X] Add use client directive to all components in a new build step [#37503](<https://github.com/mui/material-ui/issues/37503>) - [X] Next.js 13 Error during SSR Rendering ReferenceError: defaultStyleFunctionMapping is not defined [#34910](<https://github.com/mui/material-ui/issues/34910>) - [X] Next.js 13 global styles issue [mui/material-ui#37935](<https://github.com/mui/material-ui/issues/37935>) - [X] Cover useId Next.js limitation [mui/material-ui#38103](<https://github.com/mui/material-ui/issues/38103>) - [X] Make Next.js App Router example the default recommended over Next.js Page Router [mui/material-ui#38204](<https://github.com/mui/material-ui/issues/38204>) - [X] Configure and document modularizeImports for icons [mui/material-ui#35450](<https://github.com/mui/material-ui/issues/35450>) [mui/material-ui#36218](<https://github.com/mui/material-ui/issues/36218>) - [X] Create an npm package to

Comments (0)

No comments yet. Start the discussion.

Comment on this issue