Persister writing every 1 second

export default function DigitalClock({ id }: Props) {
  const { beautifulDashboardQuery } = useBeautifulDashboardStorage({ id });

  const {
    clock: { showSeconds },
  } = beautifulDashboardQuery.data;
  const [time, setTime] = useState(new Date());
  const [period, setPeriod] = useState(getPeriod());

  useInterval(() => {
    setTime(new Date());
  }, 1000);

  const formattedTime = formatTime(time, showSeconds);

  useInterval(() => {
    setPeriod(getPeriod());
  }, 60000);

  return (
    <span className="text-8xl font-black tabular-nums">
      {formattedTime}
      <span className="text-5xl tracking-wider">{period}</span>
    </span>
  );
}