Перейти к содержимому
11 / 26

Как работают loading.js и error.js в Next.js App Router?

loading.tsx автоматически оборачивает page.tsx в React Suspense, показывая fallback-UI пока страница загружается. error.tsx оборачивает сегмент маршрута в Error Boundary, перехватывая runtime-ошибки и отображая fallback вместо сломанного UI. Оба файла работают на уровне сегмента и наследуются вложенными маршрутами.