React.FC では発生しないエラーがNextPageを使ったところ発生しました 最初に出てきた案(ググった)としては、eslintに下記を追加して警告自体をなくす、というものです 当然こちらで実装することは可能なので …
カテゴリーアーカイブ: React
NextPage
Uncaught TypeError: Cannot assign to read only property ‘exports’ of object ‘#Object’
Rails + Reactでタイトルのエラーが発生しました どうやら、commonJSをES modulesで利用しようとしていることが問題らしく、babel.config.jsに下記のコードを入力したら解決できました …
“Uncaught TypeError: Cannot assign to read only property ‘exports’ of object ‘#Object’” の続きを読む
jestで全てpassなのにexit status1が出る
jestで全てのtestをpassしているにもかかわらず、なぜかexit status1が出る、という問題が発生しました どうやらobsoleteが悪さをしているらしく、こちらのコマンドでobsoleteを解消することで …
Next.jsのrouterでundefinedが出る問題
Next.jsでrouter経由でparamsを取得しようとした際に、undefinedが出る問題が発生しましたが、下記のようにreadyしたタイミングに変更したところ、問題なく動きました 参考記事 useRouter/ …
Cypressでhoverを実現する方法
こちらで実現できました 参考記事 Trigger
TypeScriptで`TS1192: Module ‘”./node_modules/@types/react/index”‘ has no default export.
RailsにReact + TypeScript入れたタイトルのエラー発生 こちらで治りました🙏 参考記事 TypeScriptでTS1192: Module ‘”./node_modules/@type …
“TypeScriptで`TS1192: Module ‘”./node_modules/@types/react/index”‘ has no default export.” の続きを読む
ReactのuseContextのテスト参考になったコード
ReactでuseContextのテストの実装を試みたところ、最初だったので結構詰まってしました。。。 色々と参考の記事を探したのですが、こちらのコードとzennのテキストが非常に参考となったため、ほぼそのまま利用してそ …
axiosで401のinterceptorを実装
401返ってきたときに自動的にtoken取得するためのコードを実装しました 参考記事 Using Axios interceptors for refreshing your API token.
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ではなく …