@vitus-labs/hooks 2.7.1 → 2.7.2

package/README.md

@@ -1,3 +1,19 @@
+<!-- LOGO:BEGIN -->
+<div align="center">
+  <a href="https://github.com/vitus-labs/ui-system">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vitus-labs/ui-system/main/.github/assets/vitus-labs-mark-dark.svg">
+      <img alt="vitus·labs" src="https://raw.githubusercontent.com/vitus-labs/ui-system/main/.github/assets/vitus-labs-mark-light.svg" height="64">
+    </picture>
+  </a>
+  &nbsp;&nbsp;&nbsp;&nbsp;
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/vitus-labs/ui-system/main/packages/hooks/assets/logo-dark.svg">
+    <img alt="@vitus-labs/hooks" src="https://raw.githubusercontent.com/vitus-labs/ui-system/main/packages/hooks/assets/logo-light.svg" height="64">
+  </picture>
+</div>
+<!-- LOGO:END -->
+
 # @vitus-labs/hooks
 
 28 React hooks for UI interactions, state management, DOM observation, accessibility, and theming. ~3.4 KB gzipped.

package/lib/index.js

@@ -120,11 +120,14 @@ const useControllableState = ({ value, defaultValue, onChange }) => {
 	onChangeRef.current = onChange;
 	const isControlled = value !== void 0;
 	const current = isControlled ? value : internal;
+	const currentRef = useRef(current);
+	currentRef.current = current;
 	return [current, useCallback((next) => {
-		const nextValue = typeof next === "function" ? next(current) : next;
-		if (!isControlled) setInternal(nextValue);
+		const nextValue = typeof next === "function" ? next(currentRef.current) : next;
+		currentRef.current = nextValue;
+		if (!isControlled) setInternal(next);
 		onChangeRef.current?.(nextValue);
-	}, [current, isControlled])];
+	}, [isControlled])];
 };
 
 //#endregion
@@ -861,6 +864,10 @@ const useWindowResize = ({ throttleDelay = 200, onChange } = {}, { width = 0, he
 		width,
 		height
 	});
+	const lastSizesRef = useRef({
+		width,
+		height
+	});
 	const onChangeRef = useRef(onChange);
 	onChangeRef.current = onChange;
 	const updateSizes = useCallback(() => {
@@ -868,8 +875,12 @@ const useWindowResize = ({ throttleDelay = 200, onChange } = {}, { width = 0, he
 			width: window.innerWidth,
 			height: window.innerHeight
 		};
-		setWindowSize(sizes);
-		if (onChangeRef.current) onChangeRef.current(sizes);
+		setWindowSize((prev) => prev.width === sizes.width && prev.height === sizes.height ? prev : sizes);
+		const last = lastSizesRef.current;
+		if (last.width !== sizes.width || last.height !== sizes.height) {
+			lastSizesRef.current = sizes;
+			if (onChangeRef.current) onChangeRef.current(sizes);
+		}
 	}, []);
 	useEffect(() => {
 		updateSizes();

package/lib/vitus-labs-hooks.native.js

@@ -71,11 +71,14 @@ const useControllableState = ({ value, defaultValue, onChange }) => {
 	onChangeRef.current = onChange;
 	const isControlled = value !== void 0;
 	const current = isControlled ? value : internal;
+	const currentRef = useRef(current);
+	currentRef.current = current;
 	return [current, useCallback((next) => {
-		const nextValue = typeof next === "function" ? next(current) : next;
-		if (!isControlled) setInternal(nextValue);
+		const nextValue = typeof next === "function" ? next(currentRef.current) : next;
+		currentRef.current = nextValue;
+		if (!isControlled) setInternal(next);
 		onChangeRef.current?.(nextValue);
-	}, [current, isControlled])];
+	}, [isControlled])];
 };
 
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitus-labs/hooks",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "license": "MIT",
   "author": "Vit Bokisch <vit@bokisch.cz>",
   "maintainers": [
@@ -51,7 +51,7 @@
     "node": ">= 18"
   },
   "peerDependencies": {
-    "@vitus-labs/core": "^2.7.1",
+    "@vitus-labs/core": "^2.7.2",
     "react": ">= 19",
     "react-native": ">= 0.76"
   },