React Hook “useState” is called in function “editPage” that is neither a React function component nor a custom React Hook function.

NextJS

useStateなどのReactHookは、コンポーネント関数またはカスタムフックの中でしか使えません

次のコードでは、通常の関数の中でuseStateを使っているのでエラーになります

export default function editPage({product}) {  <--- 通常の関数
    const [name, setName] = useState(product.name);
}

関数をコンポーネント化します（Componentは関数名を大文字から始めます）

function EditPage({product}) {
    const [name, setName] = useState(product.name);
    return ...
}
export default EditPage;

BACK