Fall back to setTimeout polyfill for rAF in SSR scenarios

Author: markerikson

packages/toolkit/src/autoBatchEnhancer.ts

@@ -29,18 +29,25 @@ const queueMicrotaskShim =
           }, 0)
         )
 
-export type AutoBatchOptions =
-  | { type: 'tick' }
-  | { type: 'timer'; timeout: number }
-  | { type: 'raf' }
-  | { type: 'callback'; queueNotification: (notify: () => void) => void }
-
 const createQueueWithTimer = (timeout: number) => {
   return (notify: () => void) => {
     setTimeout(notify, timeout)
   }
 }
 
+// requestAnimationFrame won't exist in SSR environments.
+// Fall back to a vague approximation just to keep from erroring.
+const rAF =
+  typeof window !== 'undefined' && window.requestAnimationFrame
+    ? window.requestAnimationFrame
+    : createQueueWithTimer(10)
+
+export type AutoBatchOptions =
+  | { type: 'tick' }
+  | { type: 'timer'; timeout: number }
+  | { type: 'raf' }
+  | { type: 'callback'; queueNotification: (notify: () => void) => void }
+
 /**
  * A Redux store enhancer that watches for "low-priority" actions, and delays
  * notifying subscribers until either the queued callback executes or the
@@ -79,7 +86,7 @@ export const autoBatchEnhancer =
       options.type === 'tick'
         ? queueMicrotaskShim
         : options.type === 'raf'
-        ? requestAnimationFrame
+        ? rAF
         : options.type === 'callback'
         ? options.queueNotification
         : createQueueWithTimer(options.timeout)