./node_modules/@chakra-ui/hooks/dist/chakra-ui-hooks.esm.js 中的错误 238:11-22

Question

我通过安装 chakra-ui，

npm 我 @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6

使用 ChakraProvider 组件时出现以下错误。

Answer 1

问题是我使用的是react17版本，升级到18后问题解决了。

"@chakra-ui/react": "^2.0.0",
.
.
.
"react": "^18.1.0",
"react-dom": "^18.1.0",

正如 chakra UI 官方文档所建议的：“Chakra UI 版本 2 仅与 React 18 兼容。如果您仍需要使用 React 17 或更高版本，请使用 Chakra UI 版本 1。”