diff --git a/src/app/(auth)/error.tsx b/src/app/(auth)/error.tsx
index 7816187..a5819dc 100644
--- a/src/app/(auth)/error.tsx
+++ b/src/app/(auth)/error.tsx
@@ -2,8 +2,10 @@
 
 import { Button } from "@/shared/components/ui/button"
 import { AlertCircle } from "lucide-react"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AuthError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AuthError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full w-full flex-col items-center justify-center gap-4 p-4 text-center">
       <div className="flex h-16 w-16 items-center justify-center rounded-full bg-destructive/10">
diff --git a/src/app/(dashboard)/admin/announcements/[id]/error.tsx b/src/app/(dashboard)/admin/announcements/[id]/error.tsx
index da92bec..5cfa30c 100644
--- a/src/app/(dashboard)/admin/announcements/[id]/error.tsx
+++ b/src/app/(dashboard)/admin/announcements/[id]/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function EditAnnouncementError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function EditAnnouncementError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("announcements")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/announcements/error.tsx b/src/app/(dashboard)/admin/announcements/error.tsx
index 5651d77..00cc6c9 100644
--- a/src/app/(dashboard)/admin/announcements/error.tsx
+++ b/src/app/(dashboard)/admin/announcements/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminAnnouncementsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminAnnouncementsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("announcements")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/attendance/error.tsx b/src/app/(dashboard)/admin/attendance/error.tsx
index 91c29b3..7e20a4c 100644
--- a/src/app/(dashboard)/admin/attendance/error.tsx
+++ b/src/app/(dashboard)/admin/attendance/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminAttendanceError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminAttendanceError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="attendance" />
 }
diff --git a/src/app/(dashboard)/admin/audit-logs/data-changes/error.tsx b/src/app/(dashboard)/admin/audit-logs/data-changes/error.tsx
index ce7b83c..2d12755 100644
--- a/src/app/(dashboard)/admin/audit-logs/data-changes/error.tsx
+++ b/src/app/(dashboard)/admin/audit-logs/data-changes/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function DataChangeLogsError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("audit")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/audit-logs/error.tsx b/src/app/(dashboard)/admin/audit-logs/error.tsx
index b59dad5..b1a8361 100644
--- a/src/app/(dashboard)/admin/audit-logs/error.tsx
+++ b/src/app/(dashboard)/admin/audit-logs/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AuditLogsError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("audit")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/audit-logs/login-logs/error.tsx b/src/app/(dashboard)/admin/audit-logs/login-logs/error.tsx
index ecdda3f..5bf2b63 100644
--- a/src/app/(dashboard)/admin/audit-logs/login-logs/error.tsx
+++ b/src/app/(dashboard)/admin/audit-logs/login-logs/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function LoginLogsError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("audit")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/audit-logs/overview/error.tsx b/src/app/(dashboard)/admin/audit-logs/overview/error.tsx
index d13fbb3..add7aa6 100644
--- a/src/app/(dashboard)/admin/audit-logs/overview/error.tsx
+++ b/src/app/(dashboard)/admin/audit-logs/overview/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AuditOverviewError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("audit")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/course-plans/[id]/edit/error.tsx b/src/app/(dashboard)/admin/course-plans/[id]/edit/error.tsx
index e089e7c..afbab4c 100644
--- a/src/app/(dashboard)/admin/course-plans/[id]/edit/error.tsx
+++ b/src/app/(dashboard)/admin/course-plans/[id]/edit/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { ClipboardList } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function EditCoursePlanError() {
+export default function EditCoursePlanError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("coursePlans")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/course-plans/[id]/error.tsx b/src/app/(dashboard)/admin/course-plans/[id]/error.tsx
index 0beee6f..32b13f9 100644
--- a/src/app/(dashboard)/admin/course-plans/[id]/error.tsx
+++ b/src/app/(dashboard)/admin/course-plans/[id]/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { ClipboardList } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminCoursePlanDetailError() {
+export default function AdminCoursePlanDetailError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("coursePlans")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/course-plans/create/error.tsx b/src/app/(dashboard)/admin/course-plans/create/error.tsx
index 27f63d2..a2137bc 100644
--- a/src/app/(dashboard)/admin/course-plans/create/error.tsx
+++ b/src/app/(dashboard)/admin/course-plans/create/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { ClipboardList } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function CreateCoursePlanError() {
+export default function CreateCoursePlanError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("coursePlans")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/course-plans/error.tsx b/src/app/(dashboard)/admin/course-plans/error.tsx
index 639705d..0afe79e 100644
--- a/src/app/(dashboard)/admin/course-plans/error.tsx
+++ b/src/app/(dashboard)/admin/course-plans/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { ClipboardList } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminCoursePlansError() {
+export default function AdminCoursePlansError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("coursePlans")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/dashboard/error.tsx b/src/app/(dashboard)/admin/dashboard/error.tsx
index b5243b8..e7bfd4d 100644
--- a/src/app/(dashboard)/admin/dashboard/error.tsx
+++ b/src/app/(dashboard)/admin/dashboard/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { DashboardErrorFallback } from "@/modules/dashboard/components/dashboard-error-fallback"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AdminDashboardError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <DashboardErrorFallback error={error} reset={reset} />
 }
diff --git a/src/app/(dashboard)/admin/elective/error.tsx b/src/app/(dashboard)/admin/elective/error.tsx
index ab189fb..dfff1d6 100644
--- a/src/app/(dashboard)/admin/elective/error.tsx
+++ b/src/app/(dashboard)/admin/elective/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminElectiveError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminElectiveError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("elective")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/error-book/error.tsx b/src/app/(dashboard)/admin/error-book/error.tsx
index f43b9c8..d2fd642 100644
--- a/src/app/(dashboard)/admin/error-book/error.tsx
+++ b/src/app/(dashboard)/admin/error-book/error.tsx
@@ -3,8 +3,10 @@
 import { BarChart3 } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminErrorBookError() {
+export default function AdminErrorBookError({ error }: { error: Error & { digest?: string } }) {
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/error.tsx b/src/app/(dashboard)/admin/error.tsx
index d21d018..733fc6c 100644
--- a/src/app/(dashboard)/admin/error.tsx
+++ b/src/app/(dashboard)/admin/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("dashboard")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/files/error.tsx b/src/app/(dashboard)/admin/files/error.tsx
index f3248e8..ca19879 100644
--- a/src/app/(dashboard)/admin/files/error.tsx
+++ b/src/app/(dashboard)/admin/files/error.tsx
@@ -4,6 +4,7 @@ import { FileWarning } from "lucide-react"
 import type { ReactElement } from "react"
 import { useTranslations } from "next-intl"
 import { Button } from "@/shared/components/ui/button"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AdminFilesError({
   error,
@@ -13,6 +14,7 @@ export default function AdminFilesError({
   reset: () => void
 }): ReactElement {
   const t = useTranslations("files")
+  useErrorReport(error)
   return (
     <div
       role="alert"
diff --git a/src/app/(dashboard)/admin/lesson-plans/[planId]/view/error.tsx b/src/app/(dashboard)/admin/lesson-plans/[planId]/view/error.tsx
index 9b8e4d4..27bea93 100644
--- a/src/app/(dashboard)/admin/lesson-plans/[planId]/view/error.tsx
+++ b/src/app/(dashboard)/admin/lesson-plans/[planId]/view/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { BookOpen } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminLessonPlanViewError() {
+export default function AdminLessonPlanViewError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("lessonPreparation")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/lesson-plans/error.tsx b/src/app/(dashboard)/admin/lesson-plans/error.tsx
index d3d74e9..34ed0e4 100644
--- a/src/app/(dashboard)/admin/lesson-plans/error.tsx
+++ b/src/app/(dashboard)/admin/lesson-plans/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { BookOpen } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminLessonPlansError() {
+export default function AdminLessonPlansError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("lessonPreparation")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/permissions/error.tsx b/src/app/(dashboard)/admin/permissions/error.tsx
index bf8e60f..bbd7f72 100644
--- a/src/app/(dashboard)/admin/permissions/error.tsx
+++ b/src/app/(dashboard)/admin/permissions/error.tsx
@@ -3,6 +3,7 @@
 import { KeyRound } from "lucide-react"
 import type { ReactElement } from "react"
 import { Button } from "@/shared/components/ui/button"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AdminPermissionsError({
   error,
@@ -11,6 +12,7 @@ export default function AdminPermissionsError({
   error: Error & { digest?: string }
   reset: () => void
 }): ReactElement {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <KeyRound className="h-12 w-12 text-destructive" aria-hidden="true" />
diff --git a/src/app/(dashboard)/admin/questions/error.tsx b/src/app/(dashboard)/admin/questions/error.tsx
index 9d34f03..9424775 100644
--- a/src/app/(dashboard)/admin/questions/error.tsx
+++ b/src/app/(dashboard)/admin/questions/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AdminQuestionsError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("questions")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/roles/[id]/error.tsx b/src/app/(dashboard)/admin/roles/[id]/error.tsx
index 8d30c0b..e1a1b7a 100644
--- a/src/app/(dashboard)/admin/roles/[id]/error.tsx
+++ b/src/app/(dashboard)/admin/roles/[id]/error.tsx
@@ -3,6 +3,7 @@
 import { ShieldAlert } from "lucide-react"
 import type { ReactElement } from "react"
 import { Button } from "@/shared/components/ui/button"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AdminRoleDetailError({
   error,
@@ -11,6 +12,7 @@ export default function AdminRoleDetailError({
   error: Error & { digest?: string }
   reset: () => void
 }): ReactElement {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <ShieldAlert className="h-12 w-12 text-destructive" aria-hidden="true" />
diff --git a/src/app/(dashboard)/admin/roles/error.tsx b/src/app/(dashboard)/admin/roles/error.tsx
index c6dbcb5..0013ba7 100644
--- a/src/app/(dashboard)/admin/roles/error.tsx
+++ b/src/app/(dashboard)/admin/roles/error.tsx
@@ -3,6 +3,7 @@
 import { ShieldAlert } from "lucide-react"
 import type { ReactElement } from "react"
 import { Button } from "@/shared/components/ui/button"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AdminRolesError({
   error,
@@ -11,6 +12,7 @@ export default function AdminRolesError({
   error: Error & { digest?: string }
   reset: () => void
 }): ReactElement {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <ShieldAlert className="h-12 w-12 text-destructive" aria-hidden="true" />
diff --git a/src/app/(dashboard)/admin/scheduling/auto/error.tsx b/src/app/(dashboard)/admin/scheduling/auto/error.tsx
index 79af8df..d40a34a 100644
--- a/src/app/(dashboard)/admin/scheduling/auto/error.tsx
+++ b/src/app/(dashboard)/admin/scheduling/auto/error.tsx
@@ -3,8 +3,10 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminSchedulingAutoError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminSchedulingAutoError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/scheduling/changes/error.tsx b/src/app/(dashboard)/admin/scheduling/changes/error.tsx
index 27f6de8..9e76b06 100644
--- a/src/app/(dashboard)/admin/scheduling/changes/error.tsx
+++ b/src/app/(dashboard)/admin/scheduling/changes/error.tsx
@@ -3,8 +3,10 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminSchedulingChangesError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminSchedulingChangesError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/scheduling/rules/error.tsx b/src/app/(dashboard)/admin/scheduling/rules/error.tsx
index ca7f445..b887ba7 100644
--- a/src/app/(dashboard)/admin/scheduling/rules/error.tsx
+++ b/src/app/(dashboard)/admin/scheduling/rules/error.tsx
@@ -3,8 +3,10 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminSchedulingRulesError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminSchedulingRulesError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/school/academic-year/error.tsx b/src/app/(dashboard)/admin/school/academic-year/error.tsx
index c2ed1bc..0f5c00d 100644
--- a/src/app/(dashboard)/admin/school/academic-year/error.tsx
+++ b/src/app/(dashboard)/admin/school/academic-year/error.tsx
@@ -3,8 +3,10 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminAcademicYearError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminAcademicYearError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/school/classes/error.tsx b/src/app/(dashboard)/admin/school/classes/error.tsx
index f847201..92ec90e 100644
--- a/src/app/(dashboard)/admin/school/classes/error.tsx
+++ b/src/app/(dashboard)/admin/school/classes/error.tsx
@@ -3,8 +3,10 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminClassesError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminClassesError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/school/departments/error.tsx b/src/app/(dashboard)/admin/school/departments/error.tsx
index 3cc3863..3af894a 100644
--- a/src/app/(dashboard)/admin/school/departments/error.tsx
+++ b/src/app/(dashboard)/admin/school/departments/error.tsx
@@ -3,8 +3,10 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminDepartmentsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminDepartmentsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/school/grades/error.tsx b/src/app/(dashboard)/admin/school/grades/error.tsx
index 9796d52..26d39ba 100644
--- a/src/app/(dashboard)/admin/school/grades/error.tsx
+++ b/src/app/(dashboard)/admin/school/grades/error.tsx
@@ -5,14 +5,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AdminGradesError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }): JSX.Element {
   const t = useTranslations("grades")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/school/grades/insights/error.tsx b/src/app/(dashboard)/admin/school/grades/insights/error.tsx
index 7fbeb96..2958c16 100644
--- a/src/app/(dashboard)/admin/school/grades/insights/error.tsx
+++ b/src/app/(dashboard)/admin/school/grades/insights/error.tsx
@@ -5,14 +5,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AdminGradesInsightsError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }): JSX.Element {
   const t = useTranslations("grades")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/school/schools/error.tsx b/src/app/(dashboard)/admin/school/schools/error.tsx
index 8209776..5148703 100644
--- a/src/app/(dashboard)/admin/school/schools/error.tsx
+++ b/src/app/(dashboard)/admin/school/schools/error.tsx
@@ -3,8 +3,10 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminSchoolsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminSchoolsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/admin/users/error.tsx b/src/app/(dashboard)/admin/users/error.tsx
index 56fd71f..346e430 100644
--- a/src/app/(dashboard)/admin/users/error.tsx
+++ b/src/app/(dashboard)/admin/users/error.tsx
@@ -3,6 +3,7 @@
 import { Users } from "lucide-react"
 import type { ReactElement } from "react"
 import { Button } from "@/shared/components/ui/button"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function AdminUsersError({
   error,
@@ -11,6 +12,7 @@ export default function AdminUsersError({
   error: Error & { digest?: string }
   reset: () => void
 }): ReactElement {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <Users className="h-12 w-12 text-destructive" aria-hidden="true" />
diff --git a/src/app/(dashboard)/admin/users/import/error.tsx b/src/app/(dashboard)/admin/users/import/error.tsx
index b91a014..702a868 100644
--- a/src/app/(dashboard)/admin/users/import/error.tsx
+++ b/src/app/(dashboard)/admin/users/import/error.tsx
@@ -3,8 +3,10 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AdminUsersImportError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AdminUsersImportError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/announcements/[id]/error.tsx b/src/app/(dashboard)/announcements/[id]/error.tsx
index 1df2a2c..88c95b4 100644
--- a/src/app/(dashboard)/announcements/[id]/error.tsx
+++ b/src/app/(dashboard)/announcements/[id]/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AnnouncementDetailError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AnnouncementDetailError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("announcements")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/announcements/error.tsx b/src/app/(dashboard)/announcements/error.tsx
index bbe134a..7c68323 100644
--- a/src/app/(dashboard)/announcements/error.tsx
+++ b/src/app/(dashboard)/announcements/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AnnouncementsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AnnouncementsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("announcements")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/dashboard/error.tsx b/src/app/(dashboard)/dashboard/error.tsx
index 656eacf..92fd0de 100644
--- a/src/app/(dashboard)/dashboard/error.tsx
+++ b/src/app/(dashboard)/dashboard/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { DashboardErrorFallback } from "@/modules/dashboard/components/dashboard-error-fallback"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function DashboardError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <DashboardErrorFallback error={error} reset={reset} />
 }
diff --git a/src/app/(dashboard)/error.tsx b/src/app/(dashboard)/error.tsx
index 8458acc..d00f294 100644
--- a/src/app/(dashboard)/error.tsx
+++ b/src/app/(dashboard)/error.tsx
@@ -3,8 +3,10 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function Error({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function Error({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4">
       <EmptyState
diff --git a/src/app/(dashboard)/management/grade/classes/error.tsx b/src/app/(dashboard)/management/grade/classes/error.tsx
index 0b40391..31215f1 100644
--- a/src/app/(dashboard)/management/grade/classes/error.tsx
+++ b/src/app/(dashboard)/management/grade/classes/error.tsx
@@ -3,13 +3,16 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function ManagementGradeClassesError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/management/grade/error.tsx b/src/app/(dashboard)/management/grade/error.tsx
index 24a712f..ec7da74 100644
--- a/src/app/(dashboard)/management/grade/error.tsx
+++ b/src/app/(dashboard)/management/grade/error.tsx
@@ -3,8 +3,10 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ManagementGradeError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function ManagementGradeError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/management/grade/insights/error.tsx b/src/app/(dashboard)/management/grade/insights/error.tsx
index 2b4ff36..7a990ab 100644
--- a/src/app/(dashboard)/management/grade/insights/error.tsx
+++ b/src/app/(dashboard)/management/grade/insights/error.tsx
@@ -3,13 +3,16 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function ManagementGradeInsightsError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/management/grade/practice/error.tsx b/src/app/(dashboard)/management/grade/practice/error.tsx
index bdd0306..40f7b59 100644
--- a/src/app/(dashboard)/management/grade/practice/error.tsx
+++ b/src/app/(dashboard)/management/grade/practice/error.tsx
@@ -1,10 +1,10 @@
 "use client"
 
-import { useEffect } from "react"
 import { BarChart3 } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function GradePracticeError({
   error,
@@ -14,9 +14,7 @@ export default function GradePracticeError({
   reset: () => void
 }): React.ReactNode {
   const t = useTranslations("practice")
-  useEffect(() => {
-    console.error("Grade practice analytics page error:", error)
-  }, [error])
+  useErrorReport(error)
 
   return (
     <div className="flex h-full flex-col space-y-8 p-8">
diff --git a/src/app/(dashboard)/messages/[id]/error.tsx b/src/app/(dashboard)/messages/[id]/error.tsx
index 6588649..e0a0c92 100644
--- a/src/app/(dashboard)/messages/[id]/error.tsx
+++ b/src/app/(dashboard)/messages/[id]/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function MessageDetailError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function MessageDetailError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("messages")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/messages/compose/error.tsx b/src/app/(dashboard)/messages/compose/error.tsx
index 7899cfc..d8735f4 100644
--- a/src/app/(dashboard)/messages/compose/error.tsx
+++ b/src/app/(dashboard)/messages/compose/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ComposeMessageError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function ComposeMessageError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("messages")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/messages/error.tsx b/src/app/(dashboard)/messages/error.tsx
index 437cfbb..2fd15c3 100644
--- a/src/app/(dashboard)/messages/error.tsx
+++ b/src/app/(dashboard)/messages/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function MessagesError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function MessagesError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("messages")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/messages/group-compose/error.tsx b/src/app/(dashboard)/messages/group-compose/error.tsx
index f9443f7..c4aa828 100644
--- a/src/app/(dashboard)/messages/group-compose/error.tsx
+++ b/src/app/(dashboard)/messages/group-compose/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function GroupComposeMessageError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function GroupComposeMessageError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("messages")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/parent/attendance/error.tsx b/src/app/(dashboard)/parent/attendance/error.tsx
index ee5536f..5505e6a 100644
--- a/src/app/(dashboard)/parent/attendance/error.tsx
+++ b/src/app/(dashboard)/parent/attendance/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ParentAttendanceError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function ParentAttendanceError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="attendance" />
 }
diff --git a/src/app/(dashboard)/parent/course-plans/[id]/error.tsx b/src/app/(dashboard)/parent/course-plans/[id]/error.tsx
index 2b8503a..f615477 100644
--- a/src/app/(dashboard)/parent/course-plans/[id]/error.tsx
+++ b/src/app/(dashboard)/parent/course-plans/[id]/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { ClipboardList } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ParentCoursePlanDetailError() {
+export default function ParentCoursePlanDetailError({ error }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("coursePlans")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/parent/course-plans/error.tsx b/src/app/(dashboard)/parent/course-plans/error.tsx
index ef3e4e7..c9f65e5 100644
--- a/src/app/(dashboard)/parent/course-plans/error.tsx
+++ b/src/app/(dashboard)/parent/course-plans/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { ClipboardList } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ParentCoursePlansError() {
+export default function ParentCoursePlansError({ error }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("coursePlans")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/parent/dashboard/error.tsx b/src/app/(dashboard)/parent/dashboard/error.tsx
index 926e7f7..ae51505 100644
--- a/src/app/(dashboard)/parent/dashboard/error.tsx
+++ b/src/app/(dashboard)/parent/dashboard/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { DashboardErrorFallback } from "@/modules/dashboard/components/dashboard-error-fallback"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function ParentDashboardError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <DashboardErrorFallback error={error} reset={reset} />
 }
diff --git a/src/app/(dashboard)/parent/diagnostic/error.tsx b/src/app/(dashboard)/parent/diagnostic/error.tsx
index dde1679..11c60ce 100644
--- a/src/app/(dashboard)/parent/diagnostic/error.tsx
+++ b/src/app/(dashboard)/parent/diagnostic/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function ParentDiagnosticError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("diagnostic")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/parent/elective/error.tsx b/src/app/(dashboard)/parent/elective/error.tsx
index aceb8df..aadc937 100644
--- a/src/app/(dashboard)/parent/elective/error.tsx
+++ b/src/app/(dashboard)/parent/elective/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ParentElectiveError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function ParentElectiveError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("elective")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/parent/error-book/error.tsx b/src/app/(dashboard)/parent/error-book/error.tsx
index 394e954..bfa16ad 100644
--- a/src/app/(dashboard)/parent/error-book/error.tsx
+++ b/src/app/(dashboard)/parent/error-book/error.tsx
@@ -3,8 +3,10 @@
 import { BookX } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ParentErrorBookError() {
+export default function ParentErrorBookError({ error }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/parent/error.tsx b/src/app/(dashboard)/parent/error.tsx
index 9b65b31..b09a4f8 100644
--- a/src/app/(dashboard)/parent/error.tsx
+++ b/src/app/(dashboard)/parent/error.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 import { AlertTriangle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
@@ -12,6 +13,7 @@ export default function ParentError({
   reset: () => void
 }) {
   const t = useTranslations("common")
+  useErrorReport(error)
 
   return (
     <div className="p-6 md:p-8">
diff --git a/src/app/(dashboard)/parent/grades/error.tsx b/src/app/(dashboard)/parent/grades/error.tsx
index 03aff2c..cbab022 100644
--- a/src/app/(dashboard)/parent/grades/error.tsx
+++ b/src/app/(dashboard)/parent/grades/error.tsx
@@ -5,14 +5,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function ParentGradesError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }): JSX.Element {
   const t = useTranslations("grades")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/parent/grades/report-card/error.tsx b/src/app/(dashboard)/parent/grades/report-card/error.tsx
index f86c105..a188d6a 100644
--- a/src/app/(dashboard)/parent/grades/report-card/error.tsx
+++ b/src/app/(dashboard)/parent/grades/report-card/error.tsx
@@ -1,10 +1,10 @@
 "use client"
 
 import type { JSX } from "react"
-import { useEffect } from "react"
 import { AlertTriangle } from "lucide-react"
 import { Button } from "@/shared/components/ui/button"
 import { useTranslations } from "next-intl"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function Error({
   error,
@@ -14,9 +14,7 @@ export default function Error({
   reset: () => void
 }): JSX.Element {
   const t = useTranslations("grades")
-  useEffect(() => {
-    console.error("[ReportCard] Route error:", error)
-  }, [error])
+  useErrorReport(error)
 
   return (
     <div className="flex h-full flex-col items-center justify-center gap-4 p-12">
diff --git a/src/app/(dashboard)/parent/lesson-plans/[planId]/view/error.tsx b/src/app/(dashboard)/parent/lesson-plans/[planId]/view/error.tsx
index 37caabb..b55d997 100644
--- a/src/app/(dashboard)/parent/lesson-plans/[planId]/view/error.tsx
+++ b/src/app/(dashboard)/parent/lesson-plans/[planId]/view/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { BookOpen } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ParentLessonPlanViewError() {
+export default function ParentLessonPlanViewError({ error }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("lessonPreparation")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/parent/lesson-plans/error.tsx b/src/app/(dashboard)/parent/lesson-plans/error.tsx
index 25a0082..4409e22 100644
--- a/src/app/(dashboard)/parent/lesson-plans/error.tsx
+++ b/src/app/(dashboard)/parent/lesson-plans/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { BookOpen } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ParentLessonPlansError() {
+export default function ParentLessonPlansError({ error }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("lessonPreparation")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/parent/practice/error.tsx b/src/app/(dashboard)/parent/practice/error.tsx
index 5888e7a..debd9bc 100644
--- a/src/app/(dashboard)/parent/practice/error.tsx
+++ b/src/app/(dashboard)/parent/practice/error.tsx
@@ -5,14 +5,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function ParentPracticeError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }): JSX.Element {
   const t = useTranslations("practice")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/profile/error.tsx b/src/app/(dashboard)/profile/error.tsx
index 937445c..ea7ca55 100644
--- a/src/app/(dashboard)/profile/error.tsx
+++ b/src/app/(dashboard)/profile/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ProfileError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function ProfileError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("settings.errors")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/settings/error.tsx b/src/app/(dashboard)/settings/error.tsx
index 3ae05ff..ba7882e 100644
--- a/src/app/(dashboard)/settings/error.tsx
+++ b/src/app/(dashboard)/settings/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function SettingsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function SettingsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("settings.errors")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/settings/security/error.tsx b/src/app/(dashboard)/settings/security/error.tsx
index 2894899..bf457e8 100644
--- a/src/app/(dashboard)/settings/security/error.tsx
+++ b/src/app/(dashboard)/settings/security/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function SecuritySettingsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function SecuritySettingsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("settings.errors")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/attendance/error.tsx b/src/app/(dashboard)/student/attendance/error.tsx
index cb7ae9b..2e44269 100644
--- a/src/app/(dashboard)/student/attendance/error.tsx
+++ b/src/app/(dashboard)/student/attendance/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function StudentAttendanceError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function StudentAttendanceError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="attendance" />
 }
diff --git a/src/app/(dashboard)/student/course-plans/[id]/error.tsx b/src/app/(dashboard)/student/course-plans/[id]/error.tsx
index 4b5f3fe..2054580 100644
--- a/src/app/(dashboard)/student/course-plans/[id]/error.tsx
+++ b/src/app/(dashboard)/student/course-plans/[id]/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { ClipboardList } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function StudentCoursePlanDetailError() {
+export default function StudentCoursePlanDetailError({ error }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("coursePlans")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/course-plans/error.tsx b/src/app/(dashboard)/student/course-plans/error.tsx
index 3ecc4c9..cf89b2e 100644
--- a/src/app/(dashboard)/student/course-plans/error.tsx
+++ b/src/app/(dashboard)/student/course-plans/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { ClipboardList } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function StudentCoursePlansError() {
+export default function StudentCoursePlansError({ error }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("coursePlans")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/dashboard/error.tsx b/src/app/(dashboard)/student/dashboard/error.tsx
index d36b16e..6e7d983 100644
--- a/src/app/(dashboard)/student/dashboard/error.tsx
+++ b/src/app/(dashboard)/student/dashboard/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { DashboardErrorFallback } from "@/modules/dashboard/components/dashboard-error-fallback"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentDashboardError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <DashboardErrorFallback error={error} reset={reset} />
 }
diff --git a/src/app/(dashboard)/student/diagnostic/error.tsx b/src/app/(dashboard)/student/diagnostic/error.tsx
index b14ae1e..9a6f6c6 100644
--- a/src/app/(dashboard)/student/diagnostic/error.tsx
+++ b/src/app/(dashboard)/student/diagnostic/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentDiagnosticError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("student")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/elective/error.tsx b/src/app/(dashboard)/student/elective/error.tsx
index 312e90d..a1b3c68 100644
--- a/src/app/(dashboard)/student/elective/error.tsx
+++ b/src/app/(dashboard)/student/elective/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function StudentElectiveError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function StudentElectiveError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("elective")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/error-book/error.tsx b/src/app/(dashboard)/student/error-book/error.tsx
index 4d1e5a2..a3cd829 100644
--- a/src/app/(dashboard)/student/error-book/error.tsx
+++ b/src/app/(dashboard)/student/error-book/error.tsx
@@ -4,9 +4,11 @@ import { BookX } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function StudentErrorBookError() {
+export default function StudentErrorBookError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("student")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/error.tsx b/src/app/(dashboard)/student/error.tsx
index 285ef6b..aa59bc4 100644
--- a/src/app/(dashboard)/student/error.tsx
+++ b/src/app/(dashboard)/student/error.tsx
@@ -4,6 +4,7 @@ import { AlertTriangle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentError({
   error,
@@ -13,6 +14,7 @@ export default function StudentError({
   reset: () => void
 }) {
   const t = useTranslations("student")
+  useErrorReport(error)
   return (
     <EmptyState
       icon={AlertTriangle}
diff --git a/src/app/(dashboard)/student/grades/error.tsx b/src/app/(dashboard)/student/grades/error.tsx
index c908ee7..bf91e75 100644
--- a/src/app/(dashboard)/student/grades/error.tsx
+++ b/src/app/(dashboard)/student/grades/error.tsx
@@ -5,14 +5,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentGradesError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }): JSX.Element {
   const t = useTranslations("student")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/grades/report-card/error.tsx b/src/app/(dashboard)/student/grades/report-card/error.tsx
index caf278d..bc37e3b 100644
--- a/src/app/(dashboard)/student/grades/report-card/error.tsx
+++ b/src/app/(dashboard)/student/grades/report-card/error.tsx
@@ -1,10 +1,10 @@
 "use client"
 
 import type { JSX } from "react"
-import { useEffect } from "react"
 import { AlertTriangle } from "lucide-react"
 import { Button } from "@/shared/components/ui/button"
 import { useTranslations } from "next-intl"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 /**
  * P3-1: 学生报告卡路由错误边界。
@@ -17,9 +17,7 @@ export default function Error({
   reset: () => void
 }): JSX.Element {
   const t = useTranslations("grades")
-  useEffect(() => {
-    console.error("[ReportCard] Route error:", error)
-  }, [error])
+  useErrorReport(error)
 
   return (
     <div className="flex h-full flex-col items-center justify-center gap-4 p-12">
diff --git a/src/app/(dashboard)/student/learning/assignments/[assignmentId]/error.tsx b/src/app/(dashboard)/student/learning/assignments/[assignmentId]/error.tsx
index c0f6310..d14dfe9 100644
--- a/src/app/(dashboard)/student/learning/assignments/[assignmentId]/error.tsx
+++ b/src/app/(dashboard)/student/learning/assignments/[assignmentId]/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function StudentAssignmentDetailError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function StudentAssignmentDetailError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/learning/assignments/[assignmentId]/result/error.tsx b/src/app/(dashboard)/student/learning/assignments/[assignmentId]/result/error.tsx
index dd6291b..72f5758 100644
--- a/src/app/(dashboard)/student/learning/assignments/[assignmentId]/result/error.tsx
+++ b/src/app/(dashboard)/student/learning/assignments/[assignmentId]/result/error.tsx
@@ -4,13 +4,15 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 /**
  * student/learning/assignments/[assignmentId]/result/error.tsx
  * 学生作业结果页错误边界。
  */
-export default function StudentResultError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function StudentResultError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/learning/courses/[classId]/error.tsx b/src/app/(dashboard)/student/learning/courses/[classId]/error.tsx
index 5b1490f..754c2b8 100644
--- a/src/app/(dashboard)/student/learning/courses/[classId]/error.tsx
+++ b/src/app/(dashboard)/student/learning/courses/[classId]/error.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { ErrorState } from "@/shared/components/error-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentClassDetailError({
   error,
@@ -9,5 +10,6 @@ export default function StudentClassDetailError({
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <ErrorState error={error} reset={reset} namespace="student" />
 }
diff --git a/src/app/(dashboard)/student/learning/courses/error.tsx b/src/app/(dashboard)/student/learning/courses/error.tsx
index f5fd068..a33657a 100644
--- a/src/app/(dashboard)/student/learning/courses/error.tsx
+++ b/src/app/(dashboard)/student/learning/courses/error.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { ErrorState } from "@/shared/components/error-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentCoursesError({
   error,
@@ -9,5 +10,6 @@ export default function StudentCoursesError({
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <ErrorState error={error} reset={reset} namespace="student" />
 }
diff --git a/src/app/(dashboard)/student/learning/error.tsx b/src/app/(dashboard)/student/learning/error.tsx
index 6c9170e..1bf9fb2 100644
--- a/src/app/(dashboard)/student/learning/error.tsx
+++ b/src/app/(dashboard)/student/learning/error.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { ErrorState } from "@/shared/components/error-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentLearningError({
   error,
@@ -9,5 +10,6 @@ export default function StudentLearningError({
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <ErrorState error={error} reset={reset} namespace="student" />
 }
diff --git a/src/app/(dashboard)/student/learning/study-path/error.tsx b/src/app/(dashboard)/student/learning/study-path/error.tsx
index 511340e..80cb62a 100644
--- a/src/app/(dashboard)/student/learning/study-path/error.tsx
+++ b/src/app/(dashboard)/student/learning/study-path/error.tsx
@@ -1,12 +1,15 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentStudyPathError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="student" />
 }
diff --git a/src/app/(dashboard)/student/learning/textbooks/[id]/error.tsx b/src/app/(dashboard)/student/learning/textbooks/[id]/error.tsx
index 82c2e56..4369bac 100644
--- a/src/app/(dashboard)/student/learning/textbooks/[id]/error.tsx
+++ b/src/app/(dashboard)/student/learning/textbooks/[id]/error.tsx
@@ -1,12 +1,15 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentTextbookDetailError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="textbooks" />
 }
diff --git a/src/app/(dashboard)/student/learning/textbooks/error.tsx b/src/app/(dashboard)/student/learning/textbooks/error.tsx
index e2c47bc..80c9db0 100644
--- a/src/app/(dashboard)/student/learning/textbooks/error.tsx
+++ b/src/app/(dashboard)/student/learning/textbooks/error.tsx
@@ -1,12 +1,15 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentTextbooksError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="textbooks" />
 }
diff --git a/src/app/(dashboard)/student/leave/error.tsx b/src/app/(dashboard)/student/leave/error.tsx
index 3361031..b257c80 100644
--- a/src/app/(dashboard)/student/leave/error.tsx
+++ b/src/app/(dashboard)/student/leave/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function StudentLeaveError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function StudentLeaveError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="leave" />
 }
diff --git a/src/app/(dashboard)/student/lesson-plans/[planId]/view/error.tsx b/src/app/(dashboard)/student/lesson-plans/[planId]/view/error.tsx
index e5d5a5b..d2692a3 100644
--- a/src/app/(dashboard)/student/lesson-plans/[planId]/view/error.tsx
+++ b/src/app/(dashboard)/student/lesson-plans/[planId]/view/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { BookOpen } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function StudentLessonPlanViewError() {
+export default function StudentLessonPlanViewError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("lessonPreparation")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/lesson-plans/error.tsx b/src/app/(dashboard)/student/lesson-plans/error.tsx
index bc460d3..55a501e 100644
--- a/src/app/(dashboard)/student/lesson-plans/error.tsx
+++ b/src/app/(dashboard)/student/lesson-plans/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { BookOpen } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function StudentLessonPlansError() {
+export default function StudentLessonPlansError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("lessonPreparation")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/student/practice/[sessionId]/error.tsx b/src/app/(dashboard)/student/practice/[sessionId]/error.tsx
index 7529d42..bb7b0d2 100644
--- a/src/app/(dashboard)/student/practice/[sessionId]/error.tsx
+++ b/src/app/(dashboard)/student/practice/[sessionId]/error.tsx
@@ -1,9 +1,9 @@
 "use client"
 
-import { useEffect } from "react"
 import Link from "next/link"
 import { useTranslations } from "next-intl"
 import { Button } from "@/shared/components/ui/button"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function PracticeSessionError({
   error,
@@ -13,9 +13,7 @@ export default function PracticeSessionError({
   reset: () => void
 }): React.ReactNode {
   const t = useTranslations("student")
-  useEffect(() => {
-    console.error("Practice session error:", error)
-  }, [error])
+  useErrorReport(error)
 
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
diff --git a/src/app/(dashboard)/student/practice/error.tsx b/src/app/(dashboard)/student/practice/error.tsx
index 33012d5..1715ae7 100644
--- a/src/app/(dashboard)/student/practice/error.tsx
+++ b/src/app/(dashboard)/student/practice/error.tsx
@@ -1,8 +1,8 @@
 "use client"
 
-import { useEffect } from "react"
 import { useTranslations } from "next-intl"
 import { Button } from "@/shared/components/ui/button"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function PracticeError({
   error,
@@ -12,9 +12,7 @@ export default function PracticeError({
   reset: () => void
 }): React.ReactNode {
   const t = useTranslations("student")
-  useEffect(() => {
-    console.error("Practice page error:", error)
-  }, [error])
+  useErrorReport(error)
 
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
diff --git a/src/app/(dashboard)/student/schedule/error.tsx b/src/app/(dashboard)/student/schedule/error.tsx
index 8ca2e03..3261a0c 100644
--- a/src/app/(dashboard)/student/schedule/error.tsx
+++ b/src/app/(dashboard)/student/schedule/error.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { ErrorState } from "@/shared/components/error-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentScheduleError({
   error,
@@ -9,5 +10,6 @@ export default function StudentScheduleError({
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <ErrorState error={error} reset={reset} namespace="student" />
 }
diff --git a/src/app/(dashboard)/teacher/attendance/error.tsx b/src/app/(dashboard)/teacher/attendance/error.tsx
index edd24af..8c8e3f3 100644
--- a/src/app/(dashboard)/teacher/attendance/error.tsx
+++ b/src/app/(dashboard)/teacher/attendance/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function TeacherAttendanceError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function TeacherAttendanceError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="attendance" />
 }
diff --git a/src/app/(dashboard)/teacher/attendance/report/error.tsx b/src/app/(dashboard)/teacher/attendance/report/error.tsx
index 4619090..e19fe0c 100644
--- a/src/app/(dashboard)/teacher/attendance/report/error.tsx
+++ b/src/app/(dashboard)/teacher/attendance/report/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AttendanceReportError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AttendanceReportError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="attendance" />
 }
diff --git a/src/app/(dashboard)/teacher/attendance/sheet/error.tsx b/src/app/(dashboard)/teacher/attendance/sheet/error.tsx
index bc8c8f2..370d9b5 100644
--- a/src/app/(dashboard)/teacher/attendance/sheet/error.tsx
+++ b/src/app/(dashboard)/teacher/attendance/sheet/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AttendanceSheetError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AttendanceSheetError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="attendance" />
 }
diff --git a/src/app/(dashboard)/teacher/attendance/stats/error.tsx b/src/app/(dashboard)/teacher/attendance/stats/error.tsx
index f2e5bc8..03dd827 100644
--- a/src/app/(dashboard)/teacher/attendance/stats/error.tsx
+++ b/src/app/(dashboard)/teacher/attendance/stats/error.tsx
@@ -1,7 +1,9 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AttendanceStatsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AttendanceStatsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="attendance" />
 }
diff --git a/src/app/(dashboard)/teacher/classes/my/[id]/error.tsx b/src/app/(dashboard)/teacher/classes/my/[id]/error.tsx
index 0b651be..9c94e0b 100644
--- a/src/app/(dashboard)/teacher/classes/my/[id]/error.tsx
+++ b/src/app/(dashboard)/teacher/classes/my/[id]/error.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { ErrorState } from "@/shared/components/error-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function ClassDetailError({
   error,
@@ -9,5 +10,6 @@ export default function ClassDetailError({
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <ErrorState error={error} reset={reset} namespace="classes" />
 }
diff --git a/src/app/(dashboard)/teacher/classes/my/error.tsx b/src/app/(dashboard)/teacher/classes/my/error.tsx
index ad35e6e..90c22fd 100644
--- a/src/app/(dashboard)/teacher/classes/my/error.tsx
+++ b/src/app/(dashboard)/teacher/classes/my/error.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { ErrorState } from "@/shared/components/error-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function MyClassesError({
   error,
@@ -9,5 +10,6 @@ export default function MyClassesError({
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <ErrorState error={error} reset={reset} namespace="classes" />
 }
diff --git a/src/app/(dashboard)/teacher/classes/schedule/error.tsx b/src/app/(dashboard)/teacher/classes/schedule/error.tsx
index 5b20e35..b1def22 100644
--- a/src/app/(dashboard)/teacher/classes/schedule/error.tsx
+++ b/src/app/(dashboard)/teacher/classes/schedule/error.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { ErrorState } from "@/shared/components/error-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function ScheduleError({
   error,
@@ -9,5 +10,6 @@ export default function ScheduleError({
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <ErrorState error={error} reset={reset} namespace="classes" />
 }
diff --git a/src/app/(dashboard)/teacher/classes/students/error.tsx b/src/app/(dashboard)/teacher/classes/students/error.tsx
index 12e7264..456fd99 100644
--- a/src/app/(dashboard)/teacher/classes/students/error.tsx
+++ b/src/app/(dashboard)/teacher/classes/students/error.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { ErrorState } from "@/shared/components/error-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function StudentsError({
   error,
@@ -9,5 +10,6 @@ export default function StudentsError({
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <ErrorState error={error} reset={reset} namespace="classes" />
 }
diff --git a/src/app/(dashboard)/teacher/course-plans/[id]/error.tsx b/src/app/(dashboard)/teacher/course-plans/[id]/error.tsx
index 4ccd297..fa80eb5 100644
--- a/src/app/(dashboard)/teacher/course-plans/[id]/error.tsx
+++ b/src/app/(dashboard)/teacher/course-plans/[id]/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { ClipboardList } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function TeacherCoursePlanDetailError() {
+export default function TeacherCoursePlanDetailError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("coursePlans")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/course-plans/error.tsx b/src/app/(dashboard)/teacher/course-plans/error.tsx
index d301c89..d5513a6 100644
--- a/src/app/(dashboard)/teacher/course-plans/error.tsx
+++ b/src/app/(dashboard)/teacher/course-plans/error.tsx
@@ -3,9 +3,11 @@
 import { useTranslations } from "next-intl"
 import { ClipboardList } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function TeacherCoursePlansError() {
+export default function TeacherCoursePlansError({ error }: { error: Error & { digest?: string } }) {
   const t = useTranslations("coursePlans")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/diagnostic/class/[classId]/error.tsx b/src/app/(dashboard)/teacher/diagnostic/class/[classId]/error.tsx
index 95b9d4f..dfe3c66 100644
--- a/src/app/(dashboard)/teacher/diagnostic/class/[classId]/error.tsx
+++ b/src/app/(dashboard)/teacher/diagnostic/class/[classId]/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function DiagnosticClassError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("diagnostic")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/diagnostic/error.tsx b/src/app/(dashboard)/teacher/diagnostic/error.tsx
index 5d4c21a..b94b04b 100644
--- a/src/app/(dashboard)/teacher/diagnostic/error.tsx
+++ b/src/app/(dashboard)/teacher/diagnostic/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function TeacherDiagnosticError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("diagnostic")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/diagnostic/student/[studentId]/error.tsx b/src/app/(dashboard)/teacher/diagnostic/student/[studentId]/error.tsx
index 485350e..2f2837b 100644
--- a/src/app/(dashboard)/teacher/diagnostic/student/[studentId]/error.tsx
+++ b/src/app/(dashboard)/teacher/diagnostic/student/[studentId]/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function DiagnosticStudentError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("diagnostic")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/elective/error.tsx b/src/app/(dashboard)/teacher/elective/error.tsx
index bbd8635..8fda69e 100644
--- a/src/app/(dashboard)/teacher/elective/error.tsx
+++ b/src/app/(dashboard)/teacher/elective/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function TeacherElectiveError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function TeacherElectiveError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("elective")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/error-book/error.tsx b/src/app/(dashboard)/teacher/error-book/error.tsx
index 4d78434..f0766e0 100644
--- a/src/app/(dashboard)/teacher/error-book/error.tsx
+++ b/src/app/(dashboard)/teacher/error-book/error.tsx
@@ -3,8 +3,15 @@
 import { BarChart3 } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function TeacherErrorBookError() {
+export default function TeacherErrorBookError({
+  error,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/exams/[id]/analytics/error.tsx b/src/app/(dashboard)/teacher/exams/[id]/analytics/error.tsx
index 6f9bdf1..89edccf 100644
--- a/src/app/(dashboard)/teacher/exams/[id]/analytics/error.tsx
+++ b/src/app/(dashboard)/teacher/exams/[id]/analytics/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ExamAnalyticsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function ExamAnalyticsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/exams/[id]/build/error.tsx b/src/app/(dashboard)/teacher/exams/[id]/build/error.tsx
index b7ff242..f02e324 100644
--- a/src/app/(dashboard)/teacher/exams/[id]/build/error.tsx
+++ b/src/app/(dashboard)/teacher/exams/[id]/build/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function BuildExamError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function BuildExamError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/exams/[id]/edit-rich/error.tsx b/src/app/(dashboard)/teacher/exams/[id]/edit-rich/error.tsx
index 0210b05..1d7e0dd 100644
--- a/src/app/(dashboard)/teacher/exams/[id]/edit-rich/error.tsx
+++ b/src/app/(dashboard)/teacher/exams/[id]/edit-rich/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function EditRichExamError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function EditRichExamError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/exams/[id]/proctoring/error.tsx b/src/app/(dashboard)/teacher/exams/[id]/proctoring/error.tsx
index 924ce45..f4bc801 100644
--- a/src/app/(dashboard)/teacher/exams/[id]/proctoring/error.tsx
+++ b/src/app/(dashboard)/teacher/exams/[id]/proctoring/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function ProctoringError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function ProctoringError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/exams/all/error.tsx b/src/app/(dashboard)/teacher/exams/all/error.tsx
index 9fb7e74..ff03751 100644
--- a/src/app/(dashboard)/teacher/exams/all/error.tsx
+++ b/src/app/(dashboard)/teacher/exams/all/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AllExamsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AllExamsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/exams/create/error.tsx b/src/app/(dashboard)/teacher/exams/create/error.tsx
index 3c3dfd9..8cea54f 100644
--- a/src/app/(dashboard)/teacher/exams/create/error.tsx
+++ b/src/app/(dashboard)/teacher/exams/create/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function CreateExamError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function CreateExamError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/exams/new/error.tsx b/src/app/(dashboard)/teacher/exams/new/error.tsx
index 4e51bf6..fc0042e 100644
--- a/src/app/(dashboard)/teacher/exams/new/error.tsx
+++ b/src/app/(dashboard)/teacher/exams/new/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function NewExamError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function NewExamError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/grades/analytics/error.tsx b/src/app/(dashboard)/teacher/grades/analytics/error.tsx
index ecc3756..c6f79ce 100644
--- a/src/app/(dashboard)/teacher/grades/analytics/error.tsx
+++ b/src/app/(dashboard)/teacher/grades/analytics/error.tsx
@@ -3,13 +3,16 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function TeacherGradesAnalyticsError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/grades/entry/error.tsx b/src/app/(dashboard)/teacher/grades/entry/error.tsx
index 181823d..16db827 100644
--- a/src/app/(dashboard)/teacher/grades/entry/error.tsx
+++ b/src/app/(dashboard)/teacher/grades/entry/error.tsx
@@ -3,13 +3,16 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function TeacherGradesEntryError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/grades/error.tsx b/src/app/(dashboard)/teacher/grades/error.tsx
index 55bf962..ee8f302 100644
--- a/src/app/(dashboard)/teacher/grades/error.tsx
+++ b/src/app/(dashboard)/teacher/grades/error.tsx
@@ -5,14 +5,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function TeacherGradesError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }): JSX.Element {
   const t = useTranslations("grades")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/grades/report-card/error.tsx b/src/app/(dashboard)/teacher/grades/report-card/error.tsx
index f86c105..a188d6a 100644
--- a/src/app/(dashboard)/teacher/grades/report-card/error.tsx
+++ b/src/app/(dashboard)/teacher/grades/report-card/error.tsx
@@ -1,10 +1,10 @@
 "use client"
 
 import type { JSX } from "react"
-import { useEffect } from "react"
 import { AlertTriangle } from "lucide-react"
 import { Button } from "@/shared/components/ui/button"
 import { useTranslations } from "next-intl"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function Error({
   error,
@@ -14,9 +14,7 @@ export default function Error({
   reset: () => void
 }): JSX.Element {
   const t = useTranslations("grades")
-  useEffect(() => {
-    console.error("[ReportCard] Route error:", error)
-  }, [error])
+  useErrorReport(error)
 
   return (
     <div className="flex h-full flex-col items-center justify-center gap-4 p-12">
diff --git a/src/app/(dashboard)/teacher/grades/stats/error.tsx b/src/app/(dashboard)/teacher/grades/stats/error.tsx
index afc6697..737300a 100644
--- a/src/app/(dashboard)/teacher/grades/stats/error.tsx
+++ b/src/app/(dashboard)/teacher/grades/stats/error.tsx
@@ -3,13 +3,16 @@
 import { AlertCircle } from "lucide-react"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function TeacherGradesStatsError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/homework/assignments/[id]/error.tsx b/src/app/(dashboard)/teacher/homework/assignments/[id]/error.tsx
index 142fab0..947a6d5 100644
--- a/src/app/(dashboard)/teacher/homework/assignments/[id]/error.tsx
+++ b/src/app/(dashboard)/teacher/homework/assignments/[id]/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function AssignmentDetailError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AssignmentDetailError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/homework/assignments/[id]/submissions/error.tsx b/src/app/(dashboard)/teacher/homework/assignments/[id]/submissions/error.tsx
index ec9876d..6891922 100644
--- a/src/app/(dashboard)/teacher/homework/assignments/[id]/submissions/error.tsx
+++ b/src/app/(dashboard)/teacher/homework/assignments/[id]/submissions/error.tsx
@@ -4,9 +4,11 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function SubmissionsError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function SubmissionsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/homework/assignments/error.tsx b/src/app/(dashboard)/teacher/homework/assignments/error.tsx
index 6a23f9a..e87dba0 100644
--- a/src/app/(dashboard)/teacher/homework/assignments/error.tsx
+++ b/src/app/(dashboard)/teacher/homework/assignments/error.tsx
@@ -4,13 +4,15 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 /**
  * teacher/homework/assignments/error.tsx
  * 作业列表错误边界（教师视图）。
  */
-export default function AssignmentsListError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function AssignmentsListError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/homework/error.tsx b/src/app/(dashboard)/teacher/homework/error.tsx
index f4cb9a7..80dd58b 100644
--- a/src/app/(dashboard)/teacher/homework/error.tsx
+++ b/src/app/(dashboard)/teacher/homework/error.tsx
@@ -4,13 +4,15 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 /**
  * teacher/homework/error.tsx
  * 作业模块入口错误边界。
  */
-export default function HomeworkRootError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function HomeworkRootError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/homework/submissions/[submissionId]/error.tsx b/src/app/(dashboard)/teacher/homework/submissions/[submissionId]/error.tsx
index b7ff3e2..953752a 100644
--- a/src/app/(dashboard)/teacher/homework/submissions/[submissionId]/error.tsx
+++ b/src/app/(dashboard)/teacher/homework/submissions/[submissionId]/error.tsx
@@ -4,13 +4,15 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 /**
  * teacher/homework/submissions/[submissionId]/error.tsx
  * 批改页错误边界（教师视图）。
  */
-export default function SubmissionGradingError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function SubmissionGradingError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/homework/submissions/[submissionId]/scan-grading/error.tsx b/src/app/(dashboard)/teacher/homework/submissions/[submissionId]/scan-grading/error.tsx
index 709f25e..c954d80 100644
--- a/src/app/(dashboard)/teacher/homework/submissions/[submissionId]/scan-grading/error.tsx
+++ b/src/app/(dashboard)/teacher/homework/submissions/[submissionId]/scan-grading/error.tsx
@@ -4,13 +4,15 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 /**
  * teacher/homework/submissions/[submissionId]/scan-grading/error.tsx
  * 阅卷式批改页错误边界（教师视图）。
  */
-export default function ScanGradingError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function ScanGradingError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const t = useTranslations("examHomework")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/lesson-plans/[planId]/edit/error.tsx b/src/app/(dashboard)/teacher/lesson-plans/[planId]/edit/error.tsx
index c5b88e0..571a799 100644
--- a/src/app/(dashboard)/teacher/lesson-plans/[planId]/edit/error.tsx
+++ b/src/app/(dashboard)/teacher/lesson-plans/[planId]/edit/error.tsx
@@ -3,9 +3,16 @@
 import { useTranslations } from "next-intl"
 import { BookOpen } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function EditLessonPlanError() {
+export default function EditLessonPlanError({
+  error,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
   const t = useTranslations("lessonPreparation")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/lesson-plans/calendar/error.tsx b/src/app/(dashboard)/teacher/lesson-plans/calendar/error.tsx
index d70e6c5..edf10ba 100644
--- a/src/app/(dashboard)/teacher/lesson-plans/calendar/error.tsx
+++ b/src/app/(dashboard)/teacher/lesson-plans/calendar/error.tsx
@@ -3,9 +3,16 @@
 import { useTranslations } from "next-intl";
 import { Calendar } from "lucide-react";
 import { EmptyState } from "@/shared/components/ui/empty-state";
+import { useErrorReport } from "@/shared/hooks/use-error-report";
 
-export default function CalendarError() {
+export default function CalendarError({
+  error,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
   const t = useTranslations("lessonPreparation");
+  useErrorReport(error);
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/lesson-plans/error.tsx b/src/app/(dashboard)/teacher/lesson-plans/error.tsx
index c7c7476..a8722fc 100644
--- a/src/app/(dashboard)/teacher/lesson-plans/error.tsx
+++ b/src/app/(dashboard)/teacher/lesson-plans/error.tsx
@@ -3,9 +3,16 @@
 import { useTranslations } from "next-intl"
 import { BookOpen } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function LessonPlansError() {
+export default function LessonPlansError({
+  error,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
   const t = useTranslations("lessonPreparation")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/lesson-plans/heatmap/error.tsx b/src/app/(dashboard)/teacher/lesson-plans/heatmap/error.tsx
index 38ffdd9..56a1d00 100644
--- a/src/app/(dashboard)/teacher/lesson-plans/heatmap/error.tsx
+++ b/src/app/(dashboard)/teacher/lesson-plans/heatmap/error.tsx
@@ -3,9 +3,16 @@
 import { useTranslations } from "next-intl";
 import { BookOpen } from "lucide-react";
 import { EmptyState } from "@/shared/components/ui/empty-state";
+import { useErrorReport } from "@/shared/hooks/use-error-report";
 
-export default function HeatmapError() {
+export default function HeatmapError({
+  error,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
   const t = useTranslations("lessonPreparation");
+  useErrorReport(error);
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/lesson-plans/library/error.tsx b/src/app/(dashboard)/teacher/lesson-plans/library/error.tsx
index 9ff6cd4..bb780f6 100644
--- a/src/app/(dashboard)/teacher/lesson-plans/library/error.tsx
+++ b/src/app/(dashboard)/teacher/lesson-plans/library/error.tsx
@@ -3,9 +3,16 @@
 import { useTranslations } from "next-intl";
 import { BookOpen } from "lucide-react";
 import { EmptyState } from "@/shared/components/ui/empty-state";
+import { useErrorReport } from "@/shared/hooks/use-error-report";
 
-export default function LibraryError() {
+export default function LibraryError({
+  error,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
   const t = useTranslations("lessonPreparation");
+  useErrorReport(error);
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/lesson-plans/new/error.tsx b/src/app/(dashboard)/teacher/lesson-plans/new/error.tsx
index 4576219..6652f6f 100644
--- a/src/app/(dashboard)/teacher/lesson-plans/new/error.tsx
+++ b/src/app/(dashboard)/teacher/lesson-plans/new/error.tsx
@@ -3,9 +3,16 @@
 import { useTranslations } from "next-intl"
 import { BookOpen } from "lucide-react"
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
-export default function NewLessonPlanError() {
+export default function NewLessonPlanError({
+  error,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
   const t = useTranslations("lessonPreparation")
+  useErrorReport(error)
   return (
     <div className="p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/practice/error.tsx b/src/app/(dashboard)/teacher/practice/error.tsx
index d52a36d..34d6f5b 100644
--- a/src/app/(dashboard)/teacher/practice/error.tsx
+++ b/src/app/(dashboard)/teacher/practice/error.tsx
@@ -1,10 +1,10 @@
 "use client"
 
-import { useEffect } from "react"
 import { BarChart3 } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function TeacherPracticeError({
   error,
@@ -14,9 +14,7 @@ export default function TeacherPracticeError({
   reset: () => void
 }): React.ReactNode {
   const t = useTranslations("practice")
-  useEffect(() => {
-    console.error("Practice analytics page error:", error)
-  }, [error])
+  useErrorReport(error)
 
   return (
     <div className="flex h-full flex-col space-y-8 p-8">
diff --git a/src/app/(dashboard)/teacher/questions/error.tsx b/src/app/(dashboard)/teacher/questions/error.tsx
index f497d0a..53e32cd 100644
--- a/src/app/(dashboard)/teacher/questions/error.tsx
+++ b/src/app/(dashboard)/teacher/questions/error.tsx
@@ -4,14 +4,17 @@ import { AlertCircle } from "lucide-react"
 import { useTranslations } from "next-intl"
 
 import { EmptyState } from "@/shared/components/ui/empty-state"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function TeacherQuestionsError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
   const t = useTranslations("questions")
+  useErrorReport(error)
   return (
     <div className="flex h-full flex-col items-center justify-center space-y-4 p-8">
       <EmptyState
diff --git a/src/app/(dashboard)/teacher/textbooks/[id]/error.tsx b/src/app/(dashboard)/teacher/textbooks/[id]/error.tsx
index 36779e6..b0c8ead 100644
--- a/src/app/(dashboard)/teacher/textbooks/[id]/error.tsx
+++ b/src/app/(dashboard)/teacher/textbooks/[id]/error.tsx
@@ -1,12 +1,15 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function TeacherTextbookDetailError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="textbooks" />
 }
diff --git a/src/app/(dashboard)/teacher/textbooks/error.tsx b/src/app/(dashboard)/teacher/textbooks/error.tsx
index b3f7b24..3fab50e 100644
--- a/src/app/(dashboard)/teacher/textbooks/error.tsx
+++ b/src/app/(dashboard)/teacher/textbooks/error.tsx
@@ -1,12 +1,15 @@
 "use client"
 
 import { RouteErrorBoundary } from "@/shared/components/route-error"
+import { useErrorReport } from "@/shared/hooks/use-error-report"
 
 export default function TeacherTextbooksError({
+  error,
   reset,
 }: {
   error: Error & { digest?: string }
   reset: () => void
 }) {
+  useErrorReport(error)
   return <RouteErrorBoundary reset={reset} namespace="textbooks" />
 }