import { useInterval } from "~/hooks/useInterval";
 
function Component() {
  const { start, stop, toggle, isRunning } = useInterval(
    () => {
      console.log("Interval tick!");
    },
    1000,
    { autoStart: true },
  );
 
  return (
    <div>
      <button onClick={start}>Start</button>
      <button onClick={stop}>Stop</button>
      <button onClick={toggle}>Toggle</button>
      <p>Is running: {isRunning ? "Yes" : "No"}</p>
    </div>
  );
}

function useInterval(
  callback: () => void,
  delay: number | null,
  options?: IntervalOptions,
): IntervalReturn;