React 18 - Chakra UI v2

We are starting the development of Chakra UI v2 🎉

The scope of this upcoming major release is to support React 18 and remove long known deprecations. We keep the scope as narrow as possible to provide feature-scoped major releases to all our users and a smooth upgrade experience.

We switched our default branch from main to next. This allows us to publish the pre-release version á la @chakra-ui/react@2.0.0-next.X. The first next release was published moments ago.

With this in place, we can test the React 18 support in our applications and resolve upcoming issues until we are confident to release Chakra UI v2.

If you experience any React 18 related issues or tips we should know about, feel free to comment below and we’ll look into it.

Upgrade guide

1. Update react, react-dom and their respective @types/ package to version 18
2. Upgrade to the next pre-release
3. Test and report any issues you have below.

Join our Discord Server for React 18 issues: https://discord.gg/kfp3UQh4Y2

[TimKolberger]

We just released version @chakra-ui/react@2.0.0 🎉

It’s the https://chakra-ui.com/ website for the latest version of Chakra UI. You can find our Migration Guide to v2 here: https://chakra-ui.com/guides/migration

For our v1 docs head over here https://v1.chakra-ui.com/

[vanekt]

You probably already know about this one but just in case -> the overlay from modals is not disappearing after closing them.

(Someone reported it already: #5321)

I had the same issue with modals. When I updated framer-motion to 6.3.0, the problem was solved