Question: best practical to refresh state periodically

[k3-cat]

I wants to make an app with countdowns, which the sate of UI componets has to be refreshed periodically.

How can I achieve this through recoil?
It is safe for me to use someting like https://www.npmjs.com/package/use-recoil-interval (codes below)?
Or, will there be any official solution in the future?

import { useEffect, useState } from "react";
import { useRecoilState, RecoilState, SetterOrUpdater } from "recoil";

const useRecoilInterval = <T>(
  recoilState: RecoilState<T>,
  callback: (setState: SetterOrUpdater<T>) => void,
  interval?: number
): [T, React.Dispatch<React.SetStateAction<number|false>>] => {
  const [state, setState] = useRecoilState(recoilState);
  const [intervalTime, setIntervalTime] = useState<number|false>(interval || false);
  useEffect(() => {
    if (intervalTime) {
      const interval = setInterval(() => callback(setState), intervalTime);
      return () => clearInterval(interval);
    }
  }, [intervalTime]);
  return [state, setIntervalTime];
};

[drarmstr]

Yes, you can use setInterval() to create a callback that will periodically update Recoil state values.