fix: ssr warning due to useLayoutEffect (#3862)

TanStack · Apr 27, 2022 · 4321690 · 4321690 · vercel · Apr 27, 2022
1 parent 8b01313
commit 4321690
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/react-table/src/index.tsx b/packages/react-table/src/index.tsx
@@ -52,6 +52,9 @@ function isExoticComponent(component: any) {
 
 export const createTable = createTableFactory({ render })
 
+const useIsomorphicLayoutEffect =
+  typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect
+
 export function useTableInstance<TGenerics extends AnyGenerics>(
   table: Table<TGenerics>,
   options: PartialKeys<
@@ -93,7 +96,7 @@ export function useTableInstance<TGenerics extends AnyGenerics>(
     },
   }))
 
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     instance.willUpdate()
   })