packages/hooks/useSynchronizingState.ts

   1 import { useEffect, useState } from 'react';
   2
   3 /*
   4  * Same as setState with the difference being that the value
   5  * passed in the argument of the hook is not only an initial
   6  * value but will synchronize with the returned state should
   7  * it change (pointer identity).
   8  */
   9 const useSynchronizingState = <V>(value: V) => {
  10     const [state, setState] = useState<V>(value);
  11
  12     useEffect(() => {
  13         setState(value);
  14     }, [value]);
  15
  16     return [state, setState] as const;
  17 };
  18
  19 export default useSynchronizingState;