Merge pull request #161 from danybeltran/fix-isomporhiclayouteffect

fix(internal: `useIsomorphicLayoutEffect`):

Author: danybeltran

package.json

@@ -1,6 +1,6 @@
 {
   "name": "http-react",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "React hooks for data fetching",
   "main": "dist/index.js",
   "scripts": {

src/hooks/use-fetch.ts

@@ -47,7 +47,8 @@ import {
   createImperativeFetch,
   getMiliseconds,
   getTimePassed,
-  revalidate
+  revalidate,
+  useIsomorphicLayoutEffect
 } from '../utils'
 import {
   createRequestFn,
@@ -1207,7 +1208,7 @@ export function useFetch<FetchDataType = any, BodyType = any>(
     }
   }
 
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (url !== '') {
       if (!jsonCompare(previousProps[resolvedKey], optionsConfig)) {
         abortControllers[resolvedKey]?.abort()
@@ -1236,7 +1237,7 @@ export function useFetch<FetchDataType = any, BodyType = any>(
     }
   }
 
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!runningRequests[resolvedKey] && isExpired) {
       if (windowExists) {
         if (canRevalidate && url !== '') {
@@ -1254,7 +1255,7 @@ export function useFetch<FetchDataType = any, BodyType = any>(
     }
   }, [resolvedKey, serialize(optionsConfig), canRevalidate, thisDeps])
 
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     const revalidateAfterUnmount = revalidateOnMount
       ? true
       : previousConfig[resolvedKey] !== serialize(optionsConfig)

src/utils/index.ts

@@ -23,7 +23,14 @@ import {
   FetchInit,
   TimeSpan
 } from '../types'
-import { hasBaseUrl, isDefined, isFunction, queue, serialize } from './shared'
+import {
+  hasBaseUrl,
+  isDefined,
+  isFunction,
+  queue,
+  serialize,
+  windowExists
+} from './shared'
 
 export function getMiliseconds(v: TimeSpan): number {
   if (typeof v === 'number') return v
@@ -82,6 +89,10 @@ export const createImperativeFetch = (ctx: FetchContextType) => {
   } as ImperativeFetch
 }
 
+export const useIsomorphicLayoutEffect = windowExists
+  ? React.useLayoutEffect
+  : React.useEffect
+
 /**
  * Revalidate requests that match an id or ids
  */