typescriptでreact-navigationを使おうとしてversion違いでハマった

タイトル通り、画面遷移の実装のためにreact-navigationを使おうとしたのですがハマったのでメモ。

react-navigationは以下。 github.com

ハマった理由はシンプルで、react-navigationのstableはv3なのですが、react-navigationの型定義である@types/react-navigationがv2.13.0までしか対応していなかったのが原因。

何も知らない状態で適当にインストールしてたので、1,2時間ぐらいハマってました。馬鹿みたい。。。

とりあえず既存のreact-navigationを削除して以下を実行して、再起動したら動きました。

$ yarn add react-navigation@2.13.0
$ yarn add -D @types/react-navigation@2.13.0