defer only works on Chrome but not in firefox

[romancitodev]

Reproduction

https://stackblitz.com/edit/remix-run-remix-adjy1k?file=app%2Froutes%2Fcontacts.%24contactId.tsx

System Info

System:
    OS: Windows 10 10.0.19045
    CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor
    Memory: 7.57 GB / 23.90 GB
  Binaries:
    Node: 20.12.2 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.18 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 10.5.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.7.1 - ~\AppData\Local\pnpm\pnpm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.74)
  npmPackages:
    @remix-run/dev: ^2.13.1 => 2.13.1
    @remix-run/node: ^2.13.1 => 2.13.1
    @remix-run/react: ^2.13.1 => 2.13.1
    @remix-run/serve: ^2.13.1 => 2.13.1
    vite: ^5.4.9 => 5.4.9

Used Package Manager

pnpm

Expected Behavior

The defer in firefox should work as in chrome.

Actual Behavior

In chrome the hydration works, but in firefox for some reason, it does not.

Firefox:

[brophdawg11]

This works fine in Firefox for me. This is likely something going on in your app or local dev setup?

[romancitodev]

the stackblitz playground code is the same that I have in local, it's a bit weird because I tried using Zen (uses firefox below) and I used Brave (uses chromium below) and I get the hydration problem (in local) but if I use the stackblitz webcontainer, it works.

[romancitodev]

I saw the network panel and the server returns a 200 with the number 1, thats ok, but I don't know why the hydration isn't working (for me). I created a repo holding the issue (https:/romancitodev/remix-test) just to discard some bad configuration but isn't.

[romancitodev]

well, I figured out that the error comes from the react hydration directly.

I looked in other issues and I think this issue might be relationed #9850 (In the issue talks about some compatibility issues with some engines so can be this thing I guess)