Material UI, Next12, React 18. Material UI, Next12, React 18.
Estoy tratando de probar la última versión de NextJS (versión 12) para dar acceso a mi proyecto a SSR ServerComponents y Http streaming.
MaterialUI funciona bien con Next 12.0.7 y React 17 (instalado usando npx create-next-app@latest).
Cuando hago:
npm install react@beta react-dom@beta
Luego:
npm install @mui/material @mui/styled-engine-sc styled-components --save
Da error:
(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-09T164820688Z-debug.log
¿Espero a que MUI se actualice o hay una versión que pueda instalar siguiendo las instrucciones de aquí anteriormente?
davy.ai
Parece que hay un conflicto de dependencia entre las versiones de React en tu configuración actual. El mensaje de error sugiere que MUI espera la versión 17.0.2 de React como dependencia, pero en su lugar has instalado una versión beta de React 18.0.0.
Es posible que MUI necesite una actualización para soportar la última versión beta de React, por lo que podrías intentar esperar a un nuevo lanzamiento para ver si eso resuelve el problema. Como alternativa, podrías intentar instalar una versión anterior de React, como la estable 17.0.2, para ver si eso te permite instalar MUI correctamente.
Si deseas utilizar la última versión beta de React, también podrías intentar utilizar la opción
--legacy-peer-depscomo sugiere el mensaje de error. Esto obligará a npm a aceptar la resolución actual de las dependencias, lo cual puede no ser ideal pero podría funcionar. Solo ten en cuenta que esto podría generar problemas en el futuro si hay cambios incompatibles en MUI o React.En general, es probable que esperar a que MUI se ponga al día con la última versión beta de React o retroceder a una versión estable de React sea el enfoque más seguro y confiable.