はじめに
Chakra UIがv3にアップデートされた後、発生したエラーについて解決方法を紹介します。
この記事は個人的なアウトプットを目的として作成したものです。そのため、誤った情報や不足している内容が含まれている可能性があります。もし間違いや気になる点がございましたら、ぜひご指摘いただけますと幸いです。
問題
Chakra UI v3を使用しているプロジェクトで、Jestを使ったテストを実行した際に、以下のような型エラーが複数のコンポーネントで発生しました。
Property 'children' does not exist on type
Type '{ children: (false | Element)[]; ref: ForwardedRef<HTMLButtonElement>; }' is not assignable to type
解決方法
tsconfig.jsonのmoduleResolutionをNodeからbundlerに変更することで解決しました。
変更前
"moduleResolution": "Node",
変更後
"moduleResolution": "bundler",
終わりに
引き続き学びを深め、ReactやChakra UIの新しいバージョンに適応しながら、学習を進めたいと思います。
参考