react three fiber のimportエラー

解決したいこと

react three fiber を react nativeで使う時に出るエラーを解決したい

私は現在react nativeでreact three fiber を使おうとしています。
react nativeの環境はexpoを使い,npmを採用しています。

以下のコードでreact-three/fiberをインストールしました

npm install three @react-three/fiber

そして以下のコードでimportした。

import { Canvas, useFrame } from '@react-three/fiber/native'

するとexpo startした時に以下のエラー文が出てきてしまう。

@react-three/fiber/native could not be found within the project or in these directories:
  node_modules
  ../../node_modules

自分で試したこと

エラーの原因として考えられることはnode_modulesに格納されたmoduleの依存関係がどこかで上手くいっていないなどである。

node_modulesを確認したら存在しているのにも関わらず
エラー文ではnode_modulesで　@react-three/fiber/native が見つけられないということなのはなぜだろう。

まずnode_modulesとpackage.jsonを確認し、しっかりとinstallされていることが確認できた。

次に公式documentを見て、installlした後に依存関係をインストールすると書いてあるのでそれを実行してみた。そのコードが以下のものである。

# Install NPM dependencies
npm install three @react-three/fiber@beta react@rc

これを実行するとエラーが出てきてしまったのでこれがエラーの原因かもしれない。