@reactuses/core 2.2.1 → 2.2.2

package/dist/index.cjs

@@ -81,6 +81,49 @@ function useEvent(fn) {
   }, []);
 }
 
+const isPrimitive$1 = (val) => val !== Object(val);
+function useCustomCompareEffect(effect, deps, depsEqual) {
+  if (process.env.NODE_ENV !== "production") {
+    if (!(deps instanceof Array) || !deps.length) {
+      console.warn(
+        "`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
+      );
+    }
+    if (deps.every(isPrimitive$1)) {
+      console.warn(
+        "`useCustomCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead."
+      );
+    }
+    if (typeof depsEqual !== "function") {
+      console.warn(
+        "`useCustomCompareEffect` should be used with depsEqual callback for comparing deps list"
+      );
+    }
+  }
+  const ref = React.useRef(void 0);
+  if (!ref.current || !depsEqual(deps, ref.current)) {
+    ref.current = deps;
+  }
+  React.useEffect(effect, ref.current);
+}
+
+const isPrimitive = (val) => val !== Object(val);
+function useDeepCompareEffect(effect, deps) {
+  if (process.env.NODE_ENV !== "production") {
+    if (!(deps instanceof Array) || !deps.length) {
+      console.warn(
+        "`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
+      );
+    }
+    if (deps.every(isPrimitive)) {
+      console.warn(
+        "`useDeepCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead."
+      );
+    }
+  }
+  useCustomCompareEffect(effect, deps, lodash.isEqual);
+}
+
 const StorageSerializers = {
   boolean: {
     read: (v) => v === "true",
@@ -127,15 +170,12 @@ function useStorage(key, defaults, getStorage, options = {}) {
     onError(err);
   }
   const type = guessSerializerType(defaults);
-  const serializer = React.useMemo(
-    () => {
-      var _a;
-      return (_a = options.serializer) != null ? _a : StorageSerializers[type];
-    },
-    [options.serializer, type]
-  );
+  const serializer = React.useMemo(() => {
+    var _a;
+    return (_a = options.serializer) != null ? _a : StorageSerializers[type];
+  }, [options.serializer, type]);
   const [state, setState] = React.useState(defaults);
-  React.useEffect(() => {
+  useDeepCompareEffect(() => {
     const getStoredValue = () => {
       try {
         const raw = storage == null ? void 0 : storage.getItem(key);
@@ -514,49 +554,6 @@ function useLatestElement(target, defaultElement) {
   return ref;
 }
 
-const isPrimitive$1 = (val) => val !== Object(val);
-function useCustomCompareEffect(effect, deps, depsEqual) {
-  if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
-      console.warn(
-        "`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
-      );
-    }
-    if (deps.every(isPrimitive$1)) {
-      console.warn(
-        "`useCustomCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead."
-      );
-    }
-    if (typeof depsEqual !== "function") {
-      console.warn(
-        "`useCustomCompareEffect` should be used with depsEqual callback for comparing deps list"
-      );
-    }
-  }
-  const ref = React.useRef(void 0);
-  if (!ref.current || !depsEqual(deps, ref.current)) {
-    ref.current = deps;
-  }
-  React.useEffect(effect, ref.current);
-}
-
-const isPrimitive = (val) => val !== Object(val);
-function useDeepCompareEffect(effect, deps) {
-  if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
-      console.warn(
-        "`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
-      );
-    }
-    if (deps.every(isPrimitive)) {
-      console.warn(
-        "`useDeepCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead."
-      );
-    }
-  }
-  useCustomCompareEffect(effect, deps, lodash.isEqual);
-}
-
 function useEventListener(eventName, handler, element, options) {
   const savedHandler = useLatest(handler);
   const targetElementRef = useLatestElement(element, defaultWindow);

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import React, { useRef, useEffect, useLayoutEffect, useCallback, useMemo, useState, useReducer } from 'react';
-import { throttle, debounce, isEqual } from 'lodash';
+import { isEqual, throttle, debounce } from 'lodash';
 
 function usePrevious(state) {
   const ref = useRef();
@@ -73,6 +73,49 @@ function useEvent(fn) {
   }, []);
 }
 
+const isPrimitive$1 = (val) => val !== Object(val);
+function useCustomCompareEffect(effect, deps, depsEqual) {
+  if (process.env.NODE_ENV !== "production") {
+    if (!(deps instanceof Array) || !deps.length) {
+      console.warn(
+        "`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
+      );
+    }
+    if (deps.every(isPrimitive$1)) {
+      console.warn(
+        "`useCustomCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead."
+      );
+    }
+    if (typeof depsEqual !== "function") {
+      console.warn(
+        "`useCustomCompareEffect` should be used with depsEqual callback for comparing deps list"
+      );
+    }
+  }
+  const ref = useRef(void 0);
+  if (!ref.current || !depsEqual(deps, ref.current)) {
+    ref.current = deps;
+  }
+  useEffect(effect, ref.current);
+}
+
+const isPrimitive = (val) => val !== Object(val);
+function useDeepCompareEffect(effect, deps) {
+  if (process.env.NODE_ENV !== "production") {
+    if (!(deps instanceof Array) || !deps.length) {
+      console.warn(
+        "`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
+      );
+    }
+    if (deps.every(isPrimitive)) {
+      console.warn(
+        "`useDeepCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead."
+      );
+    }
+  }
+  useCustomCompareEffect(effect, deps, isEqual);
+}
+
 const StorageSerializers = {
   boolean: {
     read: (v) => v === "true",
@@ -119,15 +162,12 @@ function useStorage(key, defaults, getStorage, options = {}) {
     onError(err);
   }
   const type = guessSerializerType(defaults);
-  const serializer = useMemo(
-    () => {
-      var _a;
-      return (_a = options.serializer) != null ? _a : StorageSerializers[type];
-    },
-    [options.serializer, type]
-  );
+  const serializer = useMemo(() => {
+    var _a;
+    return (_a = options.serializer) != null ? _a : StorageSerializers[type];
+  }, [options.serializer, type]);
   const [state, setState] = useState(defaults);
-  useEffect(() => {
+  useDeepCompareEffect(() => {
     const getStoredValue = () => {
       try {
         const raw = storage == null ? void 0 : storage.getItem(key);
@@ -506,49 +546,6 @@ function useLatestElement(target, defaultElement) {
   return ref;
 }
 
-const isPrimitive$1 = (val) => val !== Object(val);
-function useCustomCompareEffect(effect, deps, depsEqual) {
-  if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
-      console.warn(
-        "`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
-      );
-    }
-    if (deps.every(isPrimitive$1)) {
-      console.warn(
-        "`useCustomCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead."
-      );
-    }
-    if (typeof depsEqual !== "function") {
-      console.warn(
-        "`useCustomCompareEffect` should be used with depsEqual callback for comparing deps list"
-      );
-    }
-  }
-  const ref = useRef(void 0);
-  if (!ref.current || !depsEqual(deps, ref.current)) {
-    ref.current = deps;
-  }
-  useEffect(effect, ref.current);
-}
-
-const isPrimitive = (val) => val !== Object(val);
-function useDeepCompareEffect(effect, deps) {
-  if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
-      console.warn(
-        "`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
-      );
-    }
-    if (deps.every(isPrimitive)) {
-      console.warn(
-        "`useDeepCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead."
-      );
-    }
-  }
-  useCustomCompareEffect(effect, deps, isEqual);
-}
-
 function useEventListener(eventName, handler, element, options) {
   const savedHandler = useLatest(handler);
   const targetElementRef = useLatestElement(element, defaultWindow);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactuses/core",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",