flushsync

jonelantha · Jun 28, 2024 · 60200e4 · 60200e4
1 parent c2b3988
commit 60200e4
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/react-responsive-pagination/src/hooks/useResizeNotifier.ts b/packages/react-responsive-pagination/src/hooks/useResizeNotifier.ts
@@ -1,4 +1,5 @@
 import { useLayoutEffect, useRef } from 'react';
+import { flushSync } from 'react-dom';
 
 export function useResizeNotifier(
   element: Element | undefined,
@@ -32,7 +33,7 @@ function withResizeLoopDetection(callback: () => void) {
 
     const rectsBefore = elements.map(element => element.getBoundingClientRect());
 
-    callback();
+    flushSync(callback);
 
     const rectsAfter = elements.map(element => element.getBoundingClientRect());