@superdispatch/hooks - npm Package Compare versions

Comparing version 0.7.23 to 0.7.24

dist-node/index.js

@@ -49,6 +49,8 @@ 'use strict';
 
+var useIsomorphicLayoutEffect = typeof document != 'undefined' ? react.useEffect : react.useLayoutEffect;
+
 function useDeepEqualValue(value) {
   var ref = react.useRef(value);
   var isEqual = dequal.dequal(value, ref.current);
-  react.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!isEqual) {
@@ -80,3 +82,3 @@ ref.current = value;
   });
-  react.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     mountRef.current = true;
@@ -93,3 +95,3 @@ callbackRef.current = handler;
   var ref = react.useRef(false);
-  react.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     ref.current = true;
@@ -96,0 +98,0 @@ return () => {

dist-src/deep-equal-value/useDeepEqualValue.js

 import { dequal } from 'dequal';
-import { useLayoutEffect, useRef } from 'react';
+import { useRef } from 'react';
+import { useIsomorphicLayoutEffect } from "../isomorphic-layout-effect/useIsomorphicLayoutEffect.js";
 export function useDeepEqualValue(value) {
   var ref = useRef(value);
   var isEqual = dequal(value, ref.current);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!isEqual) {
@@ -8,0 +9,0 @@ ref.current = value;

dist-src/event-handler/useEventHandler.js

@@ -1,2 +0,3 @@
-import { useLayoutEffect, useRef } from 'react';
+import { useRef } from 'react';
+import { useIsomorphicLayoutEffect } from "../isomorphic-layout-effect/useIsomorphicLayoutEffect.js";
 export function useEventHandler(handler) {
@@ -20,3 +21,3 @@ var mountRef = useRef(false);
   });
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     mountRef.current = true;
@@ -23,0 +24,0 @@ callbackRef.current = handler;

dist-src/is-mounted/useIsMounted.js

@@ -1,5 +0,6 @@
-import { useCallback, useLayoutEffect, useRef } from 'react';
+import { useCallback, useRef } from 'react';
+import { useIsomorphicLayoutEffect } from "../isomorphic-layout-effect/useIsomorphicLayoutEffect.js";
 export function useIsMounted() {
   var ref = useRef(false);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     ref.current = true;
@@ -6,0 +7,0 @@ return () => {

dist-web/index.js

@@ -45,6 +45,8 @@ import { useRef, useEffect, useLayoutEffect, useCallback } from 'react';
 
+var useIsomorphicLayoutEffect = typeof document != 'undefined' ? useEffect : useLayoutEffect;
+
 function useDeepEqualValue(value) {
   var ref = useRef(value);
   var isEqual = dequal(value, ref.current);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (!isEqual) {
@@ -75,3 +77,3 @@ ref.current = value;
   });
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     mountRef.current = true;
@@ -88,3 +90,3 @@ callbackRef.current = handler;
   var ref = useRef(false);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     ref.current = true;
@@ -91,0 +93,0 @@ return () => {

package.json

 {
   "name": "@superdispatch/hooks",
-  "version": "0.7.23",
+  "version": "0.7.24",
   "license": "MIT",
@@ -5,0 +5,0 @@ "files": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

25404

increased by8.18%

Number of package files

16

increased by6.67%

Lines of code

298

increased by2.05%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes