Hot reload do not work

[daviddanielng]

Reproduction

https://stackblitz.com/edit/github-ejdvifkh

System Info

System:
    OS: Linux 6.8 Ubuntu 24.04.3 LTS 24.04.3 LTS (Noble Numbat)
    CPU: (4) x64 AMD EPYC 7763 64-Core Processor
    Memory: 9.32 GB / 15.62 GB
    Container: Yes
    Shell: 5.2.21 - /bin/bash
  Binaries:
    Node: 22.17.0 - ~/nvm/current/bin/node
    Yarn: 1.22.22 - /usr/bin/yarn
    npm: 9.8.1 - ~/nvm/current/bin/npm
    pnpm: 10.13.1 - ~/nvm/current/bin/pnpm
  npmPackages:
    @react-router/dev: ^7.7.1 => 7.8.1 
    @react-router/node: ^7.7.1 => 7.8.1 
    @react-router/serve: ^7.7.1 => 7.8.1 
    react-router: ^7.7.1 => 7.8.1 
    vite: ^6.3.3 => 6.3.5

Used Package Manager

npm

Expected Behavior

Hot reload, button working and clicks show register and work.

Actual Behavior

Hot reload do not work, there is even a button in home.tsx
The button has a click event that is not registering, the function in not even visible in browser.
Theme change at the top right do not work, any javascript do not work.

There is an error somewhere, I can't find it because the app is running just fine.

I tried to find and debug only to give up believing i must have ran into an edge case, i have tried everything. nothing worked.

[daviddanielng]

There is no error in browser log or terminal log.

This is beyond my current expertise as I have spent the last 3 hours trying to narrow down the problem, yet I just got frustrated.

[daviddanielng]

I was missing <Scripts />.

Just my error, not a bug.

You will see it it commented in https://stackblitz.com/edit/github-ejdvifkh?file=app/root.tsx