fixed.」のエラーが発生した場合の対処法です。上記エラーは、useStateなどのHooksが呼び出される順序が変わったときに発生するそうです。Reactでは、Hooksはトップレベルで呼び出す必要があります。フックをループや条件分岐、あるいはネストされた関数内で呼び出してはいけません。文よりも前の場所で呼び出してください。これを守ることで、コンポーネントがレンダーされる際に毎回同じ順番で呼び出されるということが保証されます。フックの状態を正しく保持するための仕組みです参考:https://ja.legacy.reactjs.org/docs/hooks-rules.htmlそのため、if文や下記のような早期return文の後にHooksを書くとHooksの順序が変わってしまいエラーが発生します。Sample;対処法その1:Hooksは関数のトップレベル、早期return文より前に書くHooksは条件分岐内や早期return文の後ではなく、トップレベルに書く必要があります。下記のように、早期return文より前にHooksを書けばエラーは発生しなくなります。Sample;対処法その2:コンポーネントとして切り出す下記のように、コンポーネントとして切り出した場合もエラーは発生しません。Parent;そもそもの話VSCodeでeslintの設定されていれば、コード書いているときに以下のようにエラーを表示してくれるので気付ける。return?IT技術ブログ↓↓「にほんブログ村」のランキングに参加しています。【React】react-hook-formで全てのチェックボックスのチェックする方法Kindleのライブラリから購入した本を削除する方法この記事を書いた人ダボハゼモチベーション低めのSEです。最近はReact/TypeScript/Next.jsをやっています。人からは「目が笑っていない」「感情に言葉がない」とよく言われます。次の記事Chromeでプラグインなしで画面全体のスクリーンショットを取...ダボハゼモチベーション低めのSEです。最近はReact/TypeScript/Next.jsをやっています。人からは「目が笑っていない」「感情に言葉がない」とよく言われます。