lucide-react-native を使う時は react-native-svg もインストールする

要約
ReactNative/Expoアプリにて、ViewManagerResolver returned null for either RNSVGPath or RCTRNSVGPathというエラーが出た。原因を探ってみると、必要なパッケージがインストールできていなかった。
意見はこのエリアに表示されます

要約

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 をインストールして、改めてビルドしたところ、先ほどのエラーは解消された。

Explore More
関連記事はありません。