エラーハンドリング テストページ

各ボタンをクリックして、エラーハンドリングの動作を確認できます

1. ValidationError → トースト表示

400エラー。フォームバリデーション失敗など。トーストで表示され、ページは維持されます。

2. DuplicateError → トースト表示

409エラー。重複データなど。トーストで表示され、リトライ可能です。

3. NotFoundError → 全画面ErrorBoundary

404エラー。存在しないリソースへのアクセス。全画面エラーページが表示されます。

4. 予期しないエラー → 全画面ErrorBoundary

500エラー。AppError以外のエラー。全画面エラーページが表示されます。

5. 成功パターン

正常処理。エラーは発生せず、成功メッセージが表示されます。

動作の違い：

  • AppError（400番台）: middlewareで { error: message } に変換 → root.tsxでトースト表示
  • その他のエラー: middlewareでre-throw → 全画面ErrorBoundary
MembersCustomers