Issues with npx create-remix@latest on Safari

[Torbet]

Reproduction

I created a barebones npx create-remix@latest app, run with npm run dev and open in safari.

When I do this, hot reload doesn't work and I get 2 504 (Outdated Optimize Dep) errors in browser console.

Clearing cache fixes the issue, and if I modify some text on the page, hot reload works... for about 2 minutes.

Then, either after some time or if I restart the dev server, they come back and I have to clear my cache again.

If I decide to add a new component to the page, I get 10s of Error: Hydration failed because the initial UI does not match what was rendered on the server., Which I need to clear browser cache for again.

System Info

System:
    OS: macOS 14.4.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 148.36 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.1.0 - /opt/homebrew/bin/node
    npm: 10.7.0 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 124.0.6367.207
    Safari: 17.4.1

Used Package Manager

npm

Expected Behavior

Smooth hot reload and no errors on clean install.

Actual Behavior

Hot reload not working and errors in browser console. Hydration error leads to new changes not working at all.