Broken loading.tsx after upgrade to v15 about next.js HOT 2 CLOSED

When Next.js sees a loading file (loading.tsx), it uses it as a replacement for the page file (page.tsx), and not the layout file (layout.tsx). In your reproduction, there's a longer delay for the layout than there is for the page. If you were to have added console logs before those calls to sleep, you would have noticed that the pages and the layouts were rendered in parallel. So the page actually finished first, the layout second.

In this case, the layout blocked longer then the page took, so the loading wasn't shown. If you had placed a loading.tsx file in the app/loading_tsx_not_working folder, you would have seen that loading state right away.

from next.js.

This closed issue has been automatically locked because it had no new activity for 2 weeks. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.

from next.js.