useValueWithTimeToLive

useValueWithTimeToLive.ts

function useValueWithTimeToLive<T>() {
  const [state, setState] = React.useState<{ value: T | undefined; timeToLive: number | undefined }>({
    value: undefined,
    timeToLive: undefined,
  });
  const setValueWithTimeToLive = React.useCallback((value: T, timeToLive: number) => {
    setState({ value, timeToLive });
  }, []);
  React.useEffect(() => {
    if (state.timeToLive !== undefined) {
      const timeout = setTimeout(() => {
        setState({ value: undefined, timeToLive: undefined });
      }, state.timeToLive);
      return () => {
        clearTimeout(timeout);
      };
    }
  }, [state.timeToLive]);
  return [state.value, setValueWithTimeToLive];
}