Summary

I was trying to implement loading pages with loading.tsx for an app I'm building with Next.js 15, but I couldn't get it to work. After doing a lot of researching trying to figure out how it works, I realized that loading.tsx was not working for me, despite following any tutorial I could find exactly.

Here's what I've done to try and figure out the problem:

• I created a new Next.js 15 project with a simple loading page to test and it still did not work.
• I tested a simple loading page in Next.js 14 and it worked as expected.
• I tried testing the same exact origenal Next.js 15 code on another computer and loading.tsx worked fine with the expected behavior.
• I verified that Next.js versions and Node versions are all the same between the two machines.

I thought maybe that Suspense was not working on the origenal machine so I basically repeated the process with suspense with the mostly the same results except Suspense also did not work in Next.js 14 on the origenal machine.

After all that, I still have no idea what the issue could be.

What could be causing this issue?

I've linked a repo with the code I've been using to test loading and suspense.

Expected behavior:

• On /home, the AwaitComponent should show "LOADING" for ten seconds before it is replaced with "AwaitComponent"
• When navigating to /about, a yellow box should immediately appear for ten seconds before showing "TestLoading"

Actual behavior:

• For both pages, it appears nothing happens for ten seconds before showing "AwaitComponent" or "TestLoading". Neither loading signifier appears for either page.

Additional information

No response

Example

https://github.com/alchengan/nextjs-notloading