The issue is that loading.tsx
only works for route segments, and since your page.tsx
is directly inside src/app/
, Next.js doesn’t recognize it as a separate segment. To fix this, just move both page.tsx
and loading.tsx
into a subfolder like src/app/home/
. That way, Next.js will show the loading screen while the page is loading.