Next.js Discord

Discord Forum

loading not showing in sub-folders

Unanswered
Havana posted this in #help-forum
Open in Discord
HavanaOP
Hi there guys, I'm have a few issues with loading.tsx

so i have
app/loading.tsx
app/(dashboard)/loading.tsx

i need the dashboard loading because my dashboard group has a layout.tsx which has a sidebar. so i just want to load the actual page (on the right side).
pages like:
- app/(dashboard)/(both)/home/page.tsx
- app/(dashboard)/(both)/leases/page.tsx
works fine with the loading. however, pages in subfolder of these, like:
- app/(dashboard)/(both)/home/leases/[leaseID]/page.tsx
does not show the loading screen.

but if add another loading.tsx in:
app/(dashboard)/(both)/home/leases/[leaseID]/
then the loading shows.

i hope that makes sense 😂 reading it back is confusing me too. any help would be appreciated :)

6 Replies

HavanaOP
it seems to be working on refreshes, just not on Link's
HavanaOP
I'm not sure if this is a bug, or if I'm doing something completely wrong.
the issue seemed to be for all the dynamic pages
I think I was able to fix it for now, by adding a loading.tsx in the parent folders for each of the dynamic pags. it is a bit inconvenient though.
I was able to find some similar issues on the github repo, but i think my issue is slightly different than those
but yeah, if anyone knows a better way or if im doing something wrong, let me know please 🙏