NextPageでhoge is missing in props validationが出る

React.FC では発生しないエラーがNextPageを使ったところ発生しました 最初に出てきた案(ググった)としては、eslintに下記を追加して警告自体をなくす、というものです 当然こちらで実装することは可能なので …

Uncaught TypeError: Cannot assign to read only property ‘exports’ of object ‘#Object’

Rails + Reactでタイトルのエラーが発生しました どうやら、commonJSをES modulesで利用しようとしていることが問題らしく、babel.config.jsに下記のコードを入力したら解決できました …

jestで全てpassなのにexit status1が出る

jestで全てのtestをpassしているにもかかわらず、なぜかexit status1が出る、という問題が発生しました どうやらobsoleteが悪さをしているらしく、こちらのコマンドでobsoleteを解消することで …

Next.jsのrouterでundefinedが出る問題

Next.jsでrouter経由でparamsを取得しようとした際に、undefinedが出る問題が発生しましたが、下記のようにreadyしたタイミングに変更したところ、問題なく動きました 参考記事 useRouter/ …

ReactのuseContextのテスト参考になったコード

ReactでuseContextのテストの実装を試みたところ、最初だったので結構詰まってしました。。。 色々と参考の記事を探したのですが、こちらのコードとzennのテキストが非常に参考となったため、ほぼそのまま利用してそ …

TS2339: Property ‘id’ does not exist on type ‘T’.

T にidを付け加える方法で、 複数の型で同じ関数を使う際に抽象化して作成したい時が結構あるかと思います。 こちらで参考にしたらいけました 参考記事 Property ‘id’ does not …

React / Angular等のSPAをIntelliJでデバッグさせる

手順 terminalでyarn start | npm start等の起動コマンド実行 IntelliJでこちらの設定を追加 設定は画面上部のEdit configuration から選択することができ、npmではなく …