add new hook

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@worksolutions/react-utils",
   "private": false,
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "",
   "types": "dist/esm/index.d.ts",
   "main": "dist/cjs/index.js",

src/hooks/index.ts

@@ -6,6 +6,7 @@ export * from "./special";
 export * from "./useAsyncFn";
 export * from "./useChildrenMeasure";
 export * from "./useDebouncedInput";
+export * from "./useDebouncedValue";
 export * from "./useMeasure";
 export * from "./useTimer";
 export * from "./useStickyEffectDetector";

src/hooks/useDebouncedValue.ts

@@ -0,0 +1,10 @@
+import React, { useState } from "react";
+
+import { useDebounceRef } from "./common";
+
+export function useDebouncedValue<VALUE>(value: VALUE, debounceTime: number) {
+  const [resultValue, setResultValue] = useState(value);
+  const handleDebouncedChangeRef = useDebounceRef(debounceTime, setResultValue);
+  React.useEffect(() => handleDebouncedChangeRef.current(value), [handleDebouncedChangeRef, value]);
+  return resultValue;
+}