@modern-kit/react/dist/hooks/usePreservedState/index.mjs

modern-kit/react

import { useState, useEffect } from 'react';
import { usePreservedCallback } from '../usePreservedCallback/index.mjs';
import { isEqual } from '@modern-kit/utils';

function usePreservedState(value, comparator = isEqual) {
  const [preservedState, setPreservedState] = useState(value);
  const callbackComparator = usePreservedCallback(comparator);
  useEffect(() => {
    if (!callbackComparator(preservedState, value)) {
      setPreservedState(value);
    }
  }, [callbackComparator, preservedState, value]);
  return preservedState;
}

export { usePreservedState };
//# sourceMappingURL=index.mjs.map