要約
lucide-react-native
を使う時は react-native-svg
を明示的にインストールしないとバグる。
詳細
以下、詳細な解説。
遭遇したエラー
ReactNative アプリで以下のランタイムエラーに遭遇。ちなみに Android 向けの development ビルド。
returned null
とか言っているので、おそらく想定外のことが起こっている。
環境
ReactNative の環境としては、以下のような感じ。(package.json から抜粋)
発生したエラーは SVG について何か言っているので、 lucide-react-native
が関係あるかもしれない。
ちなみに、これは ClaudeCode がインストールしたもの。
原因の調査
この問題について調査してみると、以下の issue が見つかった。
lucide-react-native
だけではなく、 react-native-svg
もインストールしろと言っている。
expo install ではなく npm のようなパッケージマネージャーで入れる。
というか、LucideReact のドキュメントにもそう書いてあった…。
First, ensure that you have react-native-svg (version between 12 and 15) installed. Then, install the package:
解決!
明示的に react-native-svg
をインストールして、改めてビルドしたところ、先ほどのエラーは解消された。