React hook generates a resettable setTimeout and only reset when reset is invoked.

useResettableTimeout.js

import { useState, useEffect } from 'react'

const useResettableTimeout = (ms = 0, fn = () => {}, args = []) => {
  const [timeout, setTimeoutVal] = useState();
  function start() {
    setTimeoutVal(setTimeout(fn.bind(null, args), ms));
    return clear;
  }
  function clear() {
    clearTimeout(timeout)
  }
  function reset() {
    clear();
    return start();
  }
  useEffect(start, [])
  return reset;
}

export default useResettableTimeout

Tip: The useEffect should return a function that runs clear() to avoid a memory leak if the parent component is unmounted while the timeout runs.