[Single Fetch] Root did not complete. This is a bug in React.

[jansedlon]

Reproduction

Sadly I don't have a reproduction because i received the errors in Sentry and it mostly happened in Instagram browser and sometimes chrome.

However i enabled single fetch by updating vite.config.ts and then adding nonce to RemixServer. That's all.

Then i started seeing errors in sentry saying Root did not complete. This is a bug in React.. It happened on multiple pages like login and some others. This is a production environment with thousands of visitors every day, it's hard to pinpoint why it happened.

My react version is 18.3.1

System Info

System:
    OS: macOS 15.1
    CPU: (16) arm64 Apple M3 Max
    Memory: 3.14 GB / 48.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node
    npm: 10.8.2 - ~/.nvm/versions/node/v20.18.0/bin/npm
    pnpm: 9.12.2 - ~/Library/pnpm/pnpm
    bun: 1.1.34 - ~/.bun/bin/bun
  Browsers:
    Brave Browser: 130.1.71.123
    Safari: 18.1

Used Package Manager

pnpm

Expected Behavior

It shouldn't throw any errors

Actual Behavior

It does. However, I have no idea how to debug something like this since it hasn’t happened to me.

[wouterds]

I also see it from time to time in Sentry but not sure how to reproduce it, I just see visitors are experiencing it

[jansedlon]

@wouterds so i'm not alone! Do you have replay enabled? Does it hard crash or is that just a silent error reported in console?

[aon]

I have the same issue. It's a silent error reported in console, it just says "React minified error" and Sentry doesn't provide much info either. I'm not even sure on how to start debugging this.

[hanford]

I've seen this in both local and production environments. Sadly I've not been able to reliably reproduce the error, but I can report that it's an application breaking bug... if this is thrown, the application will not successfully bootstrap client-side