When working in a Next.js App Router project, the page I’m currently on starts reloading many times in dev mode right after I create a new page.tsx file.
The dev server logs show the same route being requested dozens of times in a short period.

This only happens during development and seems related to client-side logic (possibly useEffect, router navigation, or auth/session handling). I suspect a render or navigation loop triggered by Fast Refresh or state/effect dependencies.

I’m looking for help identifying the cause and the correct pattern to fix and prevent this behavior.