Tanstack Start: Browser goes unresponsive on code changes

[atapas]

Which project does this relate to?

Start

Describe the bug

I am running pnpm dev on my Tanstak Start app. The app is running on localhost:3000. On every code change and save, the browser tries to reload the changes, but it becomes unresponsive.

To see the changes, I need to close the browser tab and open another fresh tab with the URL.

Your Example Website or App

http://localhost:3000

Steps to Reproduce the Bug or Issue

pnpm dev on my Tanstak Start app. The app is running on localhost:3000. On every code change and save, the browser tries to reload the changes, but it becomes unresponsive.

To see the changes, I need to close the browser tab and open another fresh tab with the URL.

Expected behavior

The changes should reflect after a HMR on the souce file code changes.

Screenshots or Videos

Platform

• Router / Start Version: RC
• OS: macOS
• Browser: Chrome

Additional context

No response

[atapas]

The Browser gets completely unresponsive

This is more reproducible when we do a hard refresh on the browser.

None of the navigation, back, or forward buttons work too

[schiller-manuel]

please provide a complete minimal reproducer project

[SergeyOvsyanik]

Usually unresponsive browser indicates a memory leak in your own code. Are you sure that your code is fully correct? Especially the logic related to navigate action inside page hooks

[atapas]

I investigated this one further. It was due to the import protection rule. When I corrected them, this worked well. I'll be closing this issue.

However, the error logs on the browser console weren't clear enough to understand and debug this issue quickly, just a note.

[schiller-manuel]

@atapas please open a new issue with a reproducer so we can fix the import protection issue