@snack-uikit/utils 3.7.1-preview-d479ae3f.0 → 3.8.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 3.8.1 (2025-03-17)
+
+
+### Bug Fixes
+
+* **VMWDEV-2271:** fix timerId ([14fa135](https://github.com/cloud-ru-tech/snack-uikit/commit/14fa1351d12b76912b696aeaa6fcc7ce8d62d1b1))
+
+
+
+
+
+# 3.8.0 (2025-03-04)
+
+
+### Features
+
+* **PDS-681:** add save filter ([1406c6c](https://github.com/cloud-ru-tech/snack-uikit/commit/1406c6c447f337b5140135f8741b52ed1a0dfbf0))
+
+
+
+
+
 # 3.7.0 (2025-01-23)
 
 

package/README.md

@@ -71,12 +71,7 @@
 | value | `TValue` | - | Значение состояния |
 | defaultValue | `TValue` | - | Значение по умолчанию |
 | onChange | `(value: TValue) => void` | - | Колбек, вызываемый на смену состояния |
-## useSaveState
-### Props
-| name | type | default value | description |
-|------|------|---------------|-------------|
-| source | `BaseSource<T>` | - |  |
-## useSaveFilterState
+## useDataPersist
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|

package/dist/cjs/hooks/index.d.ts

@@ -5,5 +5,4 @@ export * from './useIsomorphicLayoutEffect';
 export * from './useSwipeable';
 export * from './useThemeConfig';
 export * from './useValueControl';
-export * from './useSaveState';
-export * from './useSaveFilterState';
+export * from './useDataPersist';

package/dist/cjs/hooks/index.js

@@ -29,5 +29,4 @@ __exportStar(require("./useIsomorphicLayoutEffect"), exports);
 __exportStar(require("./useSwipeable"), exports);
 __exportStar(require("./useThemeConfig"), exports);
 __exportStar(require("./useValueControl"), exports);
-__exportStar(require("./useSaveState"), exports);
-__exportStar(require("./useSaveFilterState"), exports);
+__exportStar(require("./useDataPersist"), exports);

package/dist/cjs/hooks/useDataPersist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useDataPersist';
+export * from './sources';

package/dist/cjs/hooks/{useSaveState → useDataPersist}/index.js

@@ -22,5 +22,5 @@ var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-__exportStar(require("./useSaveState"), exports);
+__exportStar(require("./useDataPersist"), exports);
 __exportStar(require("./sources"), exports);

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/baseSource.d.ts

@@ -3,7 +3,7 @@ export declare abstract class BaseSource<TFilter> {
     private validate;
     protected parser: (value: string) => TFilter;
     protected serializer: (value: TFilter) => string;
-    protected abstract getFormSource(): string;
+    protected abstract getFromSource(): string;
     protected abstract setToSource(value: string): void;
     constructor(filterKey: string, validate: (value: unknown) => value is TFilter, parser?: (value: string) => TFilter, serializer?: (value: TFilter) => string);
     getFilter: () => NonNullable<TFilter> | null;

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/baseSource.js

@@ -11,10 +11,14 @@ class BaseSource {
     this.parser = JSON.parse;
     this.serializer = JSON.stringify;
     this.getFilter = () => {
-      const filterFromQueryParams = this.getFormSource();
-      const parsedValue = filterFromQueryParams ? this.parser(filterFromQueryParams) : null;
-      const isValid = parsedValue && this.validate(parsedValue);
-      return isValid ? parsedValue : null;
+      try {
+        const filterFromQueryParams = this.getFromSource();
+        const parsedValue = filterFromQueryParams ? this.parser(filterFromQueryParams) : null;
+        const isValid = parsedValue && this.validate(parsedValue);
+        return isValid ? parsedValue : null;
+      } catch (_a) {
+        return null;
+      }
     };
     this.setFilter = filter => {
       const encodedValue = this.serializer(filter);

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/localStorageSource.d.ts

@@ -1,5 +1,5 @@
 import { BaseSource } from './baseSource';
 export declare class LocalStorageSource<TFilter> extends BaseSource<TFilter> {
-    getFormSource(): string;
+    getFromSource(): string;
     setToSource(value: string): void;
 }

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/localStorageSource.js

@@ -7,7 +7,7 @@ exports.LocalStorageSource = void 0;
 const utils_1 = require("../../../utils");
 const baseSource_1 = require("./baseSource");
 class LocalStorageSource extends baseSource_1.BaseSource {
-  getFormSource() {
+  getFromSource() {
     if ((0, utils_1.isBrowser)()) {
       return localStorage.getItem(this.filterKey) || '';
     }

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/queryParamSource.d.ts

@@ -1,5 +1,5 @@
 import { BaseSource } from './baseSource';
 export declare class QueryParamSource<TFilter> extends BaseSource<TFilter> {
-    getFormSource(): string;
+    getFromSource(): string;
     setToSource(value: string): void;
 }

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/queryParamSource.js

@@ -7,7 +7,7 @@ exports.QueryParamSource = void 0;
 const utils_1 = require("../../../utils");
 const baseSource_1 = require("./baseSource");
 class QueryParamSource extends baseSource_1.BaseSource {
-  getFormSource() {
+  getFromSource() {
     if ((0, utils_1.isBrowser)()) {
       return new URL(window.location.href).searchParams.get(this.filterKey) || '';
     }

package/dist/cjs/hooks/{useSaveFilterState.d.ts → useDataPersist/useDataPersist.d.ts}

@@ -1,4 +1,4 @@
-import { StateProps } from './useSaveState';
+import { StateProps } from './useSource';
 export type FilterStateOptions<T> = {
     filterQueryKey: string;
     filterLocalStorageKey: string;
@@ -9,7 +9,7 @@ type FilterStateProps<TFilter> = Omit<StateProps<TFilter>, 'source'> & {
     parser?(jsonFilter: string): TFilter;
     serializer?(filter: TFilter): string;
 };
-export declare const useSaveFilterState: <TFilter>({ options, parser, serializer }: FilterStateProps<TFilter>) => {
+export declare const useDataPersist: <TFilter>({ options, parser, serializer }: FilterStateProps<TFilter>) => {
     getDefaultFilter: () => NonNullable<TFilter> | null | undefined;
     setDataToStorages: (data: TFilter) => void;
 };

package/dist/cjs/hooks/{useSaveFilterState.js → useDataPersist/useDataPersist.js}

@@ -3,27 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSaveFilterState = void 0;
+exports.useDataPersist = void 0;
 const react_1 = require("react");
-const useSaveState_1 = require("./useSaveState");
-const useSaveFilterState = _ref => {
+const sources_1 = require("./sources");
+const useSource_1 = require("./useSource");
+const useDataPersist = _ref => {
   let {
     options,
     parser,
     serializer
   } = _ref;
-  const querySource = (0, react_1.useMemo)(() => options ? new useSaveState_1.QueryParamSource(options.filterQueryKey, options.validateData, parser, serializer) : undefined, [options, parser, serializer]);
-  const localStorageSource = (0, react_1.useMemo)(() => options ? new useSaveState_1.LocalStorageSource(options.filterLocalStorageKey, options.validateData, parser, serializer) : undefined, [options, parser, serializer]);
+  const querySource = (0, react_1.useMemo)(() => options ? new sources_1.QueryParamSource(options.filterQueryKey, options.validateData, parser, serializer) : undefined, [options, parser, serializer]);
+  const localStorageSource = (0, react_1.useMemo)(() => options ? new sources_1.LocalStorageSource(options.filterLocalStorageKey, options.validateData) : undefined, [options]);
   const {
     getData: getLocalStorageData,
     setData: setLocalStorageData
-  } = (0, useSaveState_1.useSaveState)({
+  } = (0, useSource_1.useSource)({
     source: querySource
   });
   const {
     getData: getQueryParamsData,
     setData: setQueryParamsData
-  } = (0, useSaveState_1.useSaveState)({
+  } = (0, useSource_1.useSource)({
     source: localStorageSource
   });
   const setDataToStorages = (0, react_1.useCallback)(data => {
@@ -39,4 +40,4 @@ const useSaveFilterState = _ref => {
     setDataToStorages
   };
 };
-exports.useSaveFilterState = useSaveFilterState;
+exports.useDataPersist = useDataPersist;

package/dist/cjs/hooks/{useSaveState/useSaveState.d.ts → useDataPersist/useSource.d.ts}

@@ -2,7 +2,7 @@ import { BaseSource } from './sources/baseSource';
 export type StateProps<T> = {
     source?: BaseSource<T>;
 };
-export declare const useSaveState: <T>({ source }: StateProps<T>) => {
+export declare const useSource: <T>({ source }: StateProps<T>) => {
     getData: () => NonNullable<T> | null | undefined;
     setData: (filter: T) => void;
 };

package/dist/cjs/hooks/{useSaveState/useSaveState.js → useDataPersist/useSource.js}

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSaveState = void 0;
+exports.useSource = void 0;
 const react_1 = require("react");
-const useSaveState = _ref => {
+const useSource = _ref => {
   let {
     source
   } = _ref;
@@ -21,4 +21,4 @@ const useSaveState = _ref => {
     setData
   };
 };
-exports.useSaveState = useSaveState;
+exports.useSource = useSource;

package/dist/cjs/hooks/useDebounce.js

@@ -15,13 +15,13 @@ const useEventHandler_1 = require("./useEventHandler");
 function useDebounce(callback) {
   let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   const timeStampRef = (0, react_1.useRef)(0);
-  let timerId = -1;
+  const timerIdRef = (0, react_1.useRef)(-1);
   return (0, useEventHandler_1.useEventHandler)(() => {
     (0, utils_1.isBrowser)() && requestAnimationFrame(timestamp => {
       if (timestamp < timeStampRef.current) {
-        clearTimeout(timerId);
+        clearTimeout(timerIdRef.current);
       }
-      timerId = setTimeout(callback, timeout);
+      timerIdRef.current = setTimeout(callback, timeout);
       timeStampRef.current = timestamp + timeout;
     });
   });

package/dist/esm/hooks/index.d.ts

@@ -5,5 +5,4 @@ export * from './useIsomorphicLayoutEffect';
 export * from './useSwipeable';
 export * from './useThemeConfig';
 export * from './useValueControl';
-export * from './useSaveState';
-export * from './useSaveFilterState';
+export * from './useDataPersist';

package/dist/esm/hooks/index.js

@@ -5,5 +5,4 @@ export * from './useIsomorphicLayoutEffect';
 export * from './useSwipeable';
 export * from './useThemeConfig';
 export * from './useValueControl';
-export * from './useSaveState';
-export * from './useSaveFilterState';
+export * from './useDataPersist';

package/dist/esm/hooks/useDataPersist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useDataPersist';
+export * from './sources';

package/dist/esm/hooks/useDataPersist/index.js

@@ -0,0 +1,2 @@
+export * from './useDataPersist';
+export * from './sources';

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/baseSource.d.ts

@@ -3,7 +3,7 @@ export declare abstract class BaseSource<TFilter> {
     private validate;
     protected parser: (value: string) => TFilter;
     protected serializer: (value: TFilter) => string;
-    protected abstract getFormSource(): string;
+    protected abstract getFromSource(): string;
     protected abstract setToSource(value: string): void;
     constructor(filterKey: string, validate: (value: unknown) => value is TFilter, parser?: (value: string) => TFilter, serializer?: (value: TFilter) => string);
     getFilter: () => NonNullable<TFilter> | null;

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/baseSource.js

@@ -5,10 +5,15 @@ export class BaseSource {
         this.parser = JSON.parse;
         this.serializer = JSON.stringify;
         this.getFilter = () => {
-            const filterFromQueryParams = this.getFormSource();
-            const parsedValue = filterFromQueryParams ? this.parser(filterFromQueryParams) : null;
-            const isValid = parsedValue && this.validate(parsedValue);
-            return isValid ? parsedValue : null;
+            try {
+                const filterFromQueryParams = this.getFromSource();
+                const parsedValue = filterFromQueryParams ? this.parser(filterFromQueryParams) : null;
+                const isValid = parsedValue && this.validate(parsedValue);
+                return isValid ? parsedValue : null;
+            }
+            catch (_a) {
+                return null;
+            }
         };
         this.setFilter = (filter) => {
             const encodedValue = this.serializer(filter);

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/localStorageSource.d.ts

@@ -1,5 +1,5 @@
 import { BaseSource } from './baseSource';
 export declare class LocalStorageSource<TFilter> extends BaseSource<TFilter> {
-    getFormSource(): string;
+    getFromSource(): string;
     setToSource(value: string): void;
 }

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/localStorageSource.js

@@ -1,7 +1,7 @@
 import { isBrowser } from '../../../utils';
 import { BaseSource } from './baseSource';
 export class LocalStorageSource extends BaseSource {
-    getFormSource() {
+    getFromSource() {
         if (isBrowser()) {
             return localStorage.getItem(this.filterKey) || '';
         }

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/queryParamSource.d.ts

@@ -1,5 +1,5 @@
 import { BaseSource } from './baseSource';
 export declare class QueryParamSource<TFilter> extends BaseSource<TFilter> {
-    getFormSource(): string;
+    getFromSource(): string;
     setToSource(value: string): void;
 }

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/queryParamSource.js

@@ -1,7 +1,7 @@
 import { isBrowser } from '../../../utils';
 import { BaseSource } from './baseSource';
 export class QueryParamSource extends BaseSource {
-    getFormSource() {
+    getFromSource() {
         if (isBrowser()) {
             return new URL(window.location.href).searchParams.get(this.filterKey) || '';
         }

package/dist/esm/hooks/{useSaveFilterState.d.ts → useDataPersist/useDataPersist.d.ts}

@@ -1,4 +1,4 @@
-import { StateProps } from './useSaveState';
+import { StateProps } from './useSource';
 export type FilterStateOptions<T> = {
     filterQueryKey: string;
     filterLocalStorageKey: string;
@@ -9,7 +9,7 @@ type FilterStateProps<TFilter> = Omit<StateProps<TFilter>, 'source'> & {
     parser?(jsonFilter: string): TFilter;
     serializer?(filter: TFilter): string;
 };
-export declare const useSaveFilterState: <TFilter>({ options, parser, serializer }: FilterStateProps<TFilter>) => {
+export declare const useDataPersist: <TFilter>({ options, parser, serializer }: FilterStateProps<TFilter>) => {
     getDefaultFilter: () => NonNullable<TFilter> | null | undefined;
     setDataToStorages: (data: TFilter) => void;
 };

package/dist/esm/hooks/{useSaveFilterState.js → useDataPersist/useDataPersist.js}

@@ -1,16 +1,15 @@
 import { useCallback, useMemo } from 'react';
-import { LocalStorageSource, QueryParamSource, useSaveState } from './useSaveState';
-export const useSaveFilterState = ({ options, parser, serializer }) => {
+import { LocalStorageSource, QueryParamSource } from './sources';
+import { useSource } from './useSource';
+export const useDataPersist = ({ options, parser, serializer }) => {
     const querySource = useMemo(() => options
         ? new QueryParamSource(options.filterQueryKey, options.validateData, parser, serializer)
         : undefined, [options, parser, serializer]);
-    const localStorageSource = useMemo(() => options
-        ? new LocalStorageSource(options.filterLocalStorageKey, options.validateData, parser, serializer)
-        : undefined, [options, parser, serializer]);
-    const { getData: getLocalStorageData, setData: setLocalStorageData } = useSaveState({
+    const localStorageSource = useMemo(() => (options ? new LocalStorageSource(options.filterLocalStorageKey, options.validateData) : undefined), [options]);
+    const { getData: getLocalStorageData, setData: setLocalStorageData } = useSource({
         source: querySource,
     });
-    const { getData: getQueryParamsData, setData: setQueryParamsData } = useSaveState({
+    const { getData: getQueryParamsData, setData: setQueryParamsData } = useSource({
         source: localStorageSource,
     });
     const setDataToStorages = useCallback((data) => {

package/dist/esm/hooks/{useSaveState/useSaveState.d.ts → useDataPersist/useSource.d.ts}

@@ -2,7 +2,7 @@ import { BaseSource } from './sources/baseSource';
 export type StateProps<T> = {
     source?: BaseSource<T>;
 };
-export declare const useSaveState: <T>({ source }: StateProps<T>) => {
+export declare const useSource: <T>({ source }: StateProps<T>) => {
     getData: () => NonNullable<T> | null | undefined;
     setData: (filter: T) => void;
 };

package/dist/esm/hooks/{useSaveState/useSaveState.js → useDataPersist/useSource.js}

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-export const useSaveState = ({ source }) => {
+export const useSource = ({ source }) => {
     const setData = useCallback((filter) => {
         if (!source) {
             return;

package/dist/esm/hooks/useDebounce.js

@@ -8,14 +8,14 @@ import { useEventHandler } from './useEventHandler';
  */
 export function useDebounce(callback, timeout = 0) {
     const timeStampRef = useRef(0);
-    let timerId = -1;
+    const timerIdRef = useRef(-1);
     return useEventHandler(() => {
         isBrowser() &&
             requestAnimationFrame(timestamp => {
                 if (timestamp < timeStampRef.current) {
-                    clearTimeout(timerId);
+                    clearTimeout(timerIdRef.current);
                 }
-                timerId = setTimeout(callback, timeout);
+                timerIdRef.current = setTimeout(callback, timeout);
                 timeStampRef.current = timestamp + timeout;
             });
     });

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Utils",
-  "version": "3.7.1-preview-d479ae3f.0",
+  "version": "3.8.1",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,5 +39,5 @@
     "react-swipeable": "7.0.2",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "fbef57a916bd6bc34b52fe127004713a8228b795"
+  "gitHead": "d12776ae6b32233f12df33facc32de6a8758706a"
 }

package/src/hooks/index.ts

@@ -5,5 +5,4 @@ export * from './useIsomorphicLayoutEffect';
 export * from './useSwipeable';
 export * from './useThemeConfig';
 export * from './useValueControl';
-export * from './useSaveState';
-export * from './useSaveFilterState';
+export * from './useDataPersist';

package/src/hooks/useDataPersist/index.ts

@@ -0,0 +1,2 @@
+export * from './useDataPersist';
+export * from './sources';

package/src/hooks/{useSaveState → useDataPersist}/sources/baseSource.ts

@@ -1,7 +1,7 @@
 export abstract class BaseSource<TFilter> {
   protected parser: (value: string) => TFilter = JSON.parse;
   protected serializer: (value: TFilter) => string = JSON.stringify;
-  protected abstract getFormSource(): string;
+  protected abstract getFromSource(): string;
   protected abstract setToSource(value: string): void;
 
   constructor(
@@ -19,10 +19,14 @@ export abstract class BaseSource<TFilter> {
   }
 
   getFilter = () => {
-    const filterFromQueryParams = this.getFormSource();
-    const parsedValue = filterFromQueryParams ? (this.parser(filterFromQueryParams) as TFilter) : null;
-    const isValid = parsedValue && this.validate(parsedValue);
-    return isValid ? parsedValue : null;
+    try {
+      const filterFromQueryParams = this.getFromSource();
+      const parsedValue = filterFromQueryParams ? (this.parser(filterFromQueryParams) as TFilter) : null;
+      const isValid = parsedValue && this.validate(parsedValue);
+      return isValid ? parsedValue : null;
+    } catch {
+      return null;
+    }
   };
 
   setFilter = (filter: TFilter) => {

package/src/hooks/{useSaveState → useDataPersist}/sources/localStorageSource.ts

@@ -2,7 +2,7 @@ import { isBrowser } from '../../../utils';
 import { BaseSource } from './baseSource';
 
 export class LocalStorageSource<TFilter> extends BaseSource<TFilter> {
-  getFormSource(): string {
+  getFromSource(): string {
     if (isBrowser()) {
       return localStorage.getItem(this.filterKey) || '';
     }

package/src/hooks/{useSaveState → useDataPersist}/sources/queryParamSource.ts

@@ -2,7 +2,7 @@ import { isBrowser } from '../../../utils';
 import { BaseSource } from './baseSource';
 
 export class QueryParamSource<TFilter> extends BaseSource<TFilter> {
-  getFormSource(): string {
+  getFromSource(): string {
     if (isBrowser()) {
       return new URL(window.location.href).searchParams.get(this.filterKey) || '';
     }

package/src/hooks/{useSaveFilterState.ts → useDataPersist/useDataPersist.ts}

@@ -1,6 +1,7 @@
 import { useCallback, useMemo } from 'react';
 
-import { LocalStorageSource, QueryParamSource, StateProps, useSaveState } from './useSaveState';
+import { LocalStorageSource, QueryParamSource } from './sources';
+import { StateProps, useSource } from './useSource';
 
 export type FilterStateOptions<T> = {
   filterQueryKey: string;
@@ -14,7 +15,7 @@ type FilterStateProps<TFilter> = Omit<StateProps<TFilter>, 'source'> & {
   serializer?(filter: TFilter): string;
 };
 
-export const useSaveFilterState = <TFilter>({ options, parser, serializer }: FilterStateProps<TFilter>) => {
+export const useDataPersist = <TFilter>({ options, parser, serializer }: FilterStateProps<TFilter>) => {
   const querySource = useMemo(
     () =>
       options
@@ -23,17 +24,14 @@ export const useSaveFilterState = <TFilter>({ options, parser, serializer }: Fil
     [options, parser, serializer],
   );
   const localStorageSource = useMemo(
-    () =>
-      options
-        ? new LocalStorageSource<TFilter>(options.filterLocalStorageKey, options.validateData, parser, serializer)
-        : undefined,
-    [options, parser, serializer],
+    () => (options ? new LocalStorageSource<TFilter>(options.filterLocalStorageKey, options.validateData) : undefined),
+    [options],
   );
 
-  const { getData: getLocalStorageData, setData: setLocalStorageData } = useSaveState<TFilter>({
+  const { getData: getLocalStorageData, setData: setLocalStorageData } = useSource<TFilter>({
     source: querySource,
   });
-  const { getData: getQueryParamsData, setData: setQueryParamsData } = useSaveState<TFilter>({
+  const { getData: getQueryParamsData, setData: setQueryParamsData } = useSource<TFilter>({
     source: localStorageSource,
   });
 

package/src/hooks/{useSaveState/useSaveState.ts → useDataPersist/useSource.ts}

@@ -6,7 +6,7 @@ export type StateProps<T> = {
   source?: BaseSource<T>;
 };
 
-export const useSaveState = <T>({ source }: StateProps<T>) => {
+export const useSource = <T>({ source }: StateProps<T>) => {
   const setData = useCallback(
     (filter: T) => {
       if (!source) {

package/src/hooks/useDebounce.ts

@@ -10,15 +10,15 @@ import { useEventHandler } from './useEventHandler';
  */
 export function useDebounce(callback: () => void, timeout = 0) {
   const timeStampRef = useRef<number>(0);
-  let timerId: NodeJS.Timeout | number = -1;
+  const timerIdRef = useRef<NodeJS.Timeout | number>(-1);
 
   return useEventHandler(() => {
     isBrowser() &&
       requestAnimationFrame(timestamp => {
         if (timestamp < timeStampRef.current) {
-          clearTimeout(timerId);
+          clearTimeout(timerIdRef.current);
         }
-        timerId = setTimeout(callback, timeout);
+        timerIdRef.current = setTimeout(callback, timeout);
         timeStampRef.current = timestamp + timeout;
       });
   });

package/dist/cjs/hooks/useSaveState/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useSaveState';
-export * from './sources';

package/dist/esm/hooks/useSaveState/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useSaveState';
-export * from './sources';

package/dist/esm/hooks/useSaveState/index.js

@@ -1,2 +0,0 @@
-export * from './useSaveState';
-export * from './sources';

package/src/hooks/useSaveState/index.ts

@@ -1,2 +0,0 @@
-export * from './useSaveState';
-export * from './sources';