2

I have a Nextjs 13.3 app and use new Parallel Routes feature.

I've created multiple slots, each having it own loading.tsx and error.tsx. But they ignore own states and use parent's. Tried including default.tsx, but no difference.

The folder structure I have looks like this:

[course]
├── @geeting
|   └── ...
├── @hero
|   ├── default.tsx
|   ├── error.tsx
|   ├── loading.tsx
|   └── page.tsx
├── layout.tsx
├── error.tsx
├── loading.tsx
└── page.tsx

Documentation states "Parallel Routing allows you to define independent error and loading states for each route as they're being streamed in independently".

https://nextjs.org/docs/app/building-your-application/routing/parallel-routes

  • 2
    Looks like it is a bug from the Vercel team, which is already in the fixing process. [Parallel Routes do not apply individual loading.tsx as described in documentation](https://github.com/vercel/next.js/issues/49243) – Bekzhan Satarov May 12 '23 at 04:52

0 Answers0