useState 使用反应时出现错误“TypeError：无法读取 null 的属性（读取“useState”）”

因此，我尝试在 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"

Screenshot of error from chrome dev tools:

对于造成这种情况的原因有什么想法吗？谢谢

EDIT我这边非常愚蠢的错误，问题通过导入反应解决了......

如果您正在使用下一页 13 应用路由器如果您使用异步函数，可能会发生这种情况

Wrong:

"use client"

export default async function Page() {
    const [variable, setVariable] = useState();
}

Right:

"use client"

export default function Page() { //Remove Async Keyword
        const [variable, setVariable] = useState();
}