iPhoneのChromeで確認画面がうまく表示されなかった

起こっていた現象

入力画面→確認画面へ遷移する際に、入力画面で入力した内容が引き継がれていなかった。
PCとiPhoneのsafari → 問題なし
iPhoneのChromeやEdge → 問題あり

iPhoneのChromeの場合に、確認画面へ遷移するボタンを押すとなぜかブラウザがリロードされていた。
→それが原因だと思われるがなぜ起こっているのかは不明

修正前

確認画面へ遷移するやり方はNextのuseRouterでrouter.pushを行っていた
urlでconfirmが含まれていたら確認画面を表示し、なければ入力画面を表示させていた

解決

router.pushのurlで確認画面なのかどうかをするのではなく、stateで確認画面なのかどうかを判定させるようにした

使用技術

Next useRouter
React react-hook-form