feat: use useInsertionEffect instead of useLayoutEffect

This avoids an issue if the callback is passed down to a child and called in an effect. Since effects are called in child before parent, the callback won't be up-to-date.

Using `useInsertionEffect` minimizes this as insetion effects are called before `useLayoutEffect`.

Author: satya164

src/index.ts

@@ -1,14 +1,5 @@
 import * as React from 'react';
 
-/**
- * Use `useEffect` during SSR and `useLayoutEffect` in the Browser & React Native to avoid warnings.
- */
-const useClientLayoutEffect =
-  typeof document !== 'undefined' ||
-  (typeof navigator !== 'undefined' && navigator.product === 'ReactNative')
-    ? React.useLayoutEffect
-    : React.useEffect;
-
 /**
  * React hook which returns the latest callback without changing the reference.
  */
@@ -23,7 +14,7 @@ function useLatestCallback<T extends Function>(callback: T): T {
     return ref.current.apply(this, args);
   } as unknown as T).current;
 
-  useClientLayoutEffect(() => {
+  React.useInsertionEffect(() => {
     ref.current = callback;
   });