reactjs - 创建 React App 上的 Chakra UI 抛出 Hook 错误

Question

我正在进入 React 和 Chakra。我有一个用“create-react-app”创建的小 React 应用程序，经过一点改进后，我愿意添加一些 Chakra UI 来添加一些样式。我按照官方文档进行设置，但是当我在我的 index.js 文件上设置“ChakraProvider”组件时，我会收到 Hook 错误，如果我删除这些组件，应用程序就可以正常工作。但据我所知，这些组件放置得很好。

这是我得到的错误

这是我的 index.js 文件

这是我的 package.Json：

  "dependencies": {
    "@chakra-ui/react": "^1.6.5",
    "@emotion/react": "^11.4.0",
    "@emotion/styled": "^11.3.0",
    "framer-motion": "^4.1.17"
  }
}```

标签： reactjsuser-interfaceinstallationcomponentschakra-ui