extra-react-hooks 0.6.8 → 0.6.9

package/README.md

@@ -185,3 +185,11 @@ function useGetSet<T>(
   initialValue: T
 ): [get: () => T, set: (value: T) => void]
 ```
+
+### useIsomorphicLayoutEffect
+```ts
+function useIsomorphicLayoutEffect(
+  effect: EffectCallback
+, deps?: DependencyList
+): void
+```

package/lib/index.d.ts

@@ -20,3 +20,4 @@ export * from './use-finite-state-machine.js';
 export * from './use-iife.js';
 export * from './use-memo-with-cleanup.js';
 export * from './use-get-set.js';
+export * from './use-isomorphic-layout-effect.js';

package/lib/index.js

@@ -20,4 +20,5 @@ export * from './use-finite-state-machine.js';
 export * from './use-iife.js';
 export * from './use-memo-with-cleanup.js';
 export * from './use-get-set.js';
+export * from './use-isomorphic-layout-effect.js';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,eAAe,CAAA;AAC7B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,eAAe,CAAA;AAC7B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kBAAkB,CAAA;AAChC,cAAc,mCAAmC,CAAA"}

package/lib/use-isomorphic-layout-effect.d.ts

@@ -0,0 +1,2 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/lib/use-isomorphic-layout-effect.js

@@ -0,0 +1,5 @@
+import { useLayoutEffect, useEffect } from 'react';
+export const useIsomorphicLayoutEffect = typeof window === 'undefined'
+    ? useEffect
+    : useLayoutEffect;
+//# sourceMappingURL=use-isomorphic-layout-effect.js.map

package/lib/use-isomorphic-layout-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-isomorphic-layout-effect.js","sourceRoot":"","sources":["../src/use-isomorphic-layout-effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElD,MAAM,CAAC,MAAM,yBAAyB,GACpC,OAAO,MAAM,KAAK,WAAW;IAC/B,CAAC,CAAC,SAAS;IACX,CAAC,CAAC,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extra-react-hooks",
-  "version": "0.6.8",
+  "version": "0.6.9",
   "description": "",
   "keywords": [],
   "files": [

package/src/index.ts

@@ -20,3 +20,4 @@ export * from './use-finite-state-machine.js'
 export * from './use-iife.js'
 export * from './use-memo-with-cleanup.js'
 export * from './use-get-set.js'
+export * from './use-isomorphic-layout-effect.js'

package/src/use-isomorphic-layout-effect.ts

@@ -0,0 +1,6 @@
+import { useLayoutEffect, useEffect } from 'react'
+
+export const useIsomorphicLayoutEffect =
+  typeof window === 'undefined'
+? useEffect // SSR
+: useLayoutEffect // Browser