Next js，不再支持ReactDom.render

Question

我刚刚使用 Next 12 开发了一个新的 Next JS 应用程序。

我在浏览器中加载所有页面时收到此错误：

警告：ReactDOM.render 在 React 18 中不再支持。请改用 createRoot。在您切换到新 API 之前，您的应用程序的行为就像运行 React 17 一样。了解更多信息： https ://reactjs.org/link/switch-to-createroot

Next js 的 ReactDom.render 在幕后，我该如何解决这个错误？

Answer 1

对我来说，这确实是查克拉。您需要为 NextJS 安装最新的 Chakra ui

npm i @chakra-ui/react@2.0.0-next.3

Answer 2

如果您已更新到 React 18 并在 Next.js 应用程序中使用自定义服务器设置，您也可能会收到此警告。

对于这种情况，此PR版本中已解决该问题12.1.7-canary.2。要在项目中修复它，只需将 Next.js 更新到版本 >=12.2.0 即可。

npm install next@latest