I'm trying to try out the latest version of NextJS(version 12) to give my project access to SSR ServerComponents & Http streaming.
MaterialUI works fine with Next 12.0.7 and React 17 (installed using npx create-next-app@latest)
When I do
npm install react@beta react-dom@beta
Then
npm install @mui/material @mui/styled-engine-sc styled-components --save
Gives
(base) marcfielding@MBP meta-ui % npm install @mui/material @mui/styled-engine-sc styled-components --save
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: meta-ui@undefined
npm ERR! Found: react@18.0.0-rc.0-next-f2a59df48-20211208
npm ERR! node_modules/react
npm ERR! react@"^18.0.0-beta-24dd07bd2-20211208" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.2" from @mui/material@5.2.3
npm ERR! node_modules/@mui/material
npm ERR! @mui/material@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/marcfielding/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/marcfielding/.npm/_logs/2021-12-09T16_48_20_688Z-debug.log
Is this just a wait for MUI to catch up? Or is there a release I can install I was following the instructions from here previously?