javascript - 在 useState 使用 react 时出现错误 "TypeError: Cannot read properties of null (reading ' useState')"

Question

所以我试图在我的 nextjs 应用程序中使用 useState，但是一旦我添加了代码行来初始化 useState，它就会抛出一个带有错误消息的弹出错误:TypeError: Cannot read properties of null (reading 'useState')这是我的代码的简化版本:

import { useState } from 'react'

export default function Home() {
    return (
        <div>
            <Transactions />
        </div>
    )
}



const Transactions = () => {

    const [state, setState] = useState('test')
...
}

我正在运行的 React/Next 版本:

"next": "12.1.5",
"react": "18.0.0",
"react-dom": "18.0.0"

来自 chrome 开发工具的错误截图:

关于是什么原因造成的任何想法？谢谢
编辑
对我来说非常愚蠢的错误，通过导入 react 解决了问题......

Answer 1

因此，我 fork 并克隆了您的 github 存储库，但无法在我的系统上重现该错误。我发现的一件事是在您导入的导航栏组件中

import Link from 'next/Link'

这给了我一个错误，直到我可以将其更改为下一个/链接为小写

import Link from 'next/link'

我建议做的是重新安装 react，只需使用一个简单的 npm 命令来查看是否可以解决您的问题。如果不告诉我!

npm uninstall react
npm install react@latest