Warning: ReactDOM.render is no longer supported in React 18.

Description

Warning: ReactDOM.render is no longer supported in React 18.

Link to Reproduction

https://github.com/performautodev/my-app

Steps to reproduce

Created with

npx create-next-app@latest --ts

=> no errors

Add chakra

yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6

=> when i added ChakraProvider error appear 😮

next-dev.js?3515:25 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it’s running React 17. Learn more: https://reactjs.org/link/switch-to-createroot

look at “./2022-03-30_13-42-43.png”

https://github.com/performautodev/my-app

Chakra UI Version

1.8.7

Browser

Version 99.0.4844.82 (Official Build) (64-bit)

Operating System

• macOS
• Windows
• Linux

Additional Information

Operating System:
Platform: win32
Arch: x64 Version: Windows 10 Pro Binaries: Node: 16.14.2 npm: N/A Yarn: N/A pnpm: N/A Relevant packages:
next: 12.1.3-canary.0
react: 18.0.0 react-dom: 18.0.0

=> NextJS post : https://github.com/vercel/next.js/issues/35723

[daniellaera]

I have to be honest: at the moment I’m switching to antd, it seems to have a better integration with React v18, sorry

[gaearon]

@daniellaera Comments like this are not helpful. They’re creating undue pressure on maintainers literally several days after the release. It’s also the weekend.