Fix issue #4693 by

reading window.requestAnimationFrame within the autoBatchEnhancer
function instead of in the top-level module scope. This ensures that
we use the fake version of requestAnimationFrame if jest is using
fake timers.

Author: joe-barnett-elliptic

packages/toolkit/src/autoBatchEnhancer.ts

@@ -15,13 +15,6 @@ const createQueueWithTimer = (timeout: number) => {
   }
 }
 
-// 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 }
@@ -62,6 +55,13 @@ export const autoBatchEnhancer =
 
     const listeners = new Set<() => void>()
 
+    // 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)
+
     const queueCallback =
       options.type === 'tick'
         ? queueMicrotask