React（with React Router）プロジェクトをVercelにデプロイした時に出る404エラー

状態

例　https://myapp.com/sub-page を表示した状態でブラウザを更新すると404エラーが表示される

VercelサーバーがReactのサブページを認識していないため

解決策

vercel.jsonファイルを作成してデプロイし直す

vercel.json

{
  "rewrites": [{ "source": "/(.*)", "destination": "/" }]
}

以上で各ページが問題なく表示され、更新しても正しく表示されるようになります。