useStateInCustomHooks.js

function useCustomTimeHooks() {
  function getCurrentTime() {
    let date = new Date();
    return date.getHours() + ": " + date.getMinutes() + ": " + date.getSeconds();
  }
  
  let [time, setTime] = useState(getCurrentTime());
  
  setTimeout(() => {
    setTime(getCurrentTime());
  }, 1000);
  
  return [time];
}

function ApplicationComponent() {
  const [time] = useCustomTimeHooks();
  return (
    <div>
      <h1>Current Time: {time}</h1>
    </div>
  );
}