fix: Fallback to setTimeout if rIC isn't available (remix-run#125)

Co-authored-by: Kent C. Dodds <me+github@kentcdodds.com>
CompewterTutor · Jul 18, 2022 · 0ae0403 · 0ae0403
1 parent 57fc0b3
commit 0ae0403
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/app/entry.client.tsx b/app/entry.client.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import { RemixBrowser } from "@remix-run/react";
 import { hydrateRoot } from "react-dom/client";
 
-requestIdleCallback(() => {
+function hydrate() {
   React.startTransition(() => {
     hydrateRoot(
       document,
@@ -11,4 +11,10 @@ requestIdleCallback(() => {
       </React.StrictMode>
     );
   });
-});
+}
+
+if (window.requestIdleCallback) {
+  window.requestIdleCallback(hydrate)
+} else {
+  window.setTimeout(hydrate, 1)
+}