fix: override grid method in useLayoutEffect

vaadin · Nov 18, 2024 · 33625f3 · 33625f3
1 parent 546be62
commit 33625f3
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/react-components/src/Grid.tsx b/packages/react-components/src/Grid.tsx
@@ -5,6 +5,7 @@ import {
   type ReactElement,
   type RefAttributes,
   useEffect,
+  useLayoutEffect,
   useRef,
   useState,
 } from 'react';
@@ -36,7 +37,7 @@ function Grid<TItem = GridDefaultItem>(
 
   const [pendingRecalculateColumnWidthsCall, setPendingRecalculateColumnWidthsCall] = useState<any[] | null>(null);
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     innerRef.current!._recalculateColumnWidths = function (...args) {
       setPendingRecalculateColumnWidthsCall(args);
     };