react-simplikit 0.0.14 → 0.0.16

package/dist/hooks/usePrevious/index.cjs

@@ -31,14 +31,14 @@ function usePrevious(state, compare = strictEquals) {
   const prevRef = (0, import_react.useRef)(state);
   const currentRef = (0, import_react.useRef)(state);
   const isFirstRender = (0, import_react.useRef)(true);
-  (0, import_react.useEffect)(() => {
+  if (isFirstRender.current) {
     isFirstRender.current = false;
-  }, []);
-  if (isFirstRender.current || compare(currentRef.current, state)) {
     return prevRef.current;
   }
-  prevRef.current = currentRef.current;
-  currentRef.current = state;
+  if (!compare(currentRef.current, state)) {
+    prevRef.current = currentRef.current;
+    currentRef.current = state;
+  }
   return prevRef.current;
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/hooks/useThrottle/index.cjs

@@ -131,9 +131,10 @@ function throttle(func, throttleMs, { edges = ["leading", "trailing"] } = {}) {
 function useThrottle(callback, wait, options) {
   const preservedCallback = usePreservedCallback(callback);
   const preservedOptions = usePreservedReference(options ?? {});
-  const throttledCallback = (0, import_react3.useMemo)(() => {
-    return throttle(preservedCallback, wait, preservedOptions);
-  }, [preservedOptions, preservedCallback, wait]);
+  const throttledCallback = (0, import_react3.useMemo)(
+    () => throttle(preservedCallback, wait, preservedOptions),
+    [preservedOptions, preservedCallback, wait]
+  );
   (0, import_react3.useEffect)(() => {
     return () => {
       throttledCallback.cancel();

package/dist/index.cjs

@@ -519,14 +519,14 @@ function usePrevious(state, compare = strictEquals) {
   const prevRef = (0, import_react18.useRef)(state);
   const currentRef = (0, import_react18.useRef)(state);
   const isFirstRender = (0, import_react18.useRef)(true);
-  (0, import_react18.useEffect)(() => {
+  if (isFirstRender.current) {
     isFirstRender.current = false;
-  }, []);
-  if (isFirstRender.current || compare(currentRef.current, state)) {
     return prevRef.current;
   }
-  prevRef.current = currentRef.current;
-  currentRef.current = state;
+  if (!compare(currentRef.current, state)) {
+    prevRef.current = currentRef.current;
+    currentRef.current = state;
+  }
   return prevRef.current;
 }
 
@@ -696,9 +696,10 @@ function throttle(func, throttleMs, { edges = ["leading", "trailing"] } = {}) {
 function useThrottle(callback, wait, options) {
   const preservedCallback = usePreservedCallback(callback);
   const preservedOptions = usePreservedReference(options ?? {});
-  const throttledCallback = (0, import_react20.useMemo)(() => {
-    return throttle(preservedCallback, wait, preservedOptions);
-  }, [preservedOptions, preservedCallback, wait]);
+  const throttledCallback = (0, import_react20.useMemo)(
+    () => throttle(preservedCallback, wait, preservedOptions),
+    [preservedOptions, preservedCallback, wait]
+  );
   (0, import_react20.useEffect)(() => {
     return () => {
       throttledCallback.cancel();

package/esm/hooks/usePrevious/index.js

@@ -1,18 +1,18 @@
 // src/hooks/usePrevious/usePrevious.ts
-import { useEffect, useRef } from "react";
+import { useRef } from "react";
 var strictEquals = (prev, next) => prev === next;
 function usePrevious(state, compare = strictEquals) {
   const prevRef = useRef(state);
   const currentRef = useRef(state);
   const isFirstRender = useRef(true);
-  useEffect(() => {
+  if (isFirstRender.current) {
     isFirstRender.current = false;
-  }, []);
-  if (isFirstRender.current || compare(currentRef.current, state)) {
     return prevRef.current;
   }
-  prevRef.current = currentRef.current;
-  currentRef.current = state;
+  if (!compare(currentRef.current, state)) {
+    prevRef.current = currentRef.current;
+    currentRef.current = state;
+  }
   return prevRef.current;
 }
 export {

package/esm/hooks/useThrottle/index.js

@@ -105,9 +105,10 @@ function throttle(func, throttleMs, { edges = ["leading", "trailing"] } = {}) {
 function useThrottle(callback, wait, options) {
   const preservedCallback = usePreservedCallback(callback);
   const preservedOptions = usePreservedReference(options ?? {});
-  const throttledCallback = useMemo2(() => {
-    return throttle(preservedCallback, wait, preservedOptions);
-  }, [preservedOptions, preservedCallback, wait]);
+  const throttledCallback = useMemo2(
+    () => throttle(preservedCallback, wait, preservedOptions),
+    [preservedOptions, preservedCallback, wait]
+  );
   useEffect2(() => {
     return () => {
       throttledCallback.cancel();

package/esm/index.js

@@ -464,20 +464,20 @@ function areDeeplyEqual(x, y) {
 }
 
 // src/hooks/usePrevious/usePrevious.ts
-import { useEffect as useEffect10, useRef as useRef9 } from "react";
+import { useRef as useRef9 } from "react";
 var strictEquals = (prev, next) => prev === next;
 function usePrevious(state, compare = strictEquals) {
   const prevRef = useRef9(state);
   const currentRef = useRef9(state);
   const isFirstRender = useRef9(true);
-  useEffect10(() => {
+  if (isFirstRender.current) {
     isFirstRender.current = false;
-  }, []);
-  if (isFirstRender.current || compare(currentRef.current, state)) {
     return prevRef.current;
   }
-  prevRef.current = currentRef.current;
-  currentRef.current = state;
+  if (!compare(currentRef.current, state)) {
+    prevRef.current = currentRef.current;
+    currentRef.current = state;
+  }
   return prevRef.current;
 }
 
@@ -621,7 +621,7 @@ function useStorageState(key, { storage = safeLocalStorage, defaultValue } = {})
 }
 
 // src/hooks/useThrottle/useThrottle.ts
-import { useEffect as useEffect11, useMemo as useMemo6 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo6 } from "react";
 
 // src/hooks/useThrottle/throttle.ts
 function throttle(func, throttleMs, { edges = ["leading", "trailing"] } = {}) {
@@ -647,10 +647,11 @@ function throttle(func, throttleMs, { edges = ["leading", "trailing"] } = {}) {
 function useThrottle(callback, wait, options) {
   const preservedCallback = usePreservedCallback(callback);
   const preservedOptions = usePreservedReference(options ?? {});
-  const throttledCallback = useMemo6(() => {
-    return throttle(preservedCallback, wait, preservedOptions);
-  }, [preservedOptions, preservedCallback, wait]);
-  useEffect11(() => {
+  const throttledCallback = useMemo6(
+    () => throttle(preservedCallback, wait, preservedOptions),
+    [preservedOptions, preservedCallback, wait]
+  );
+  useEffect10(() => {
     return () => {
       throttledCallback.cancel();
     };
@@ -659,10 +660,10 @@ function useThrottle(callback, wait, options) {
 }
 
 // src/hooks/useTimeout/useTimeout.ts
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect11 } from "react";
 function useTimeout(callback, delay = 0) {
   const preservedCallback = usePreservedCallback(callback);
-  useEffect12(() => {
+  useEffect11(() => {
     const timeoutId = window.setTimeout(preservedCallback, delay);
     return () => window.clearTimeout(timeoutId);
   }, [delay, preservedCallback]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simplikit",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "main": "./dist/index.cjs",
   "type": "module",
   "sideEffects": false,