Clock.hooks.jsx

function Clock({ className, style }) {
  const [time, setTime] = useState(new Date().toLocaleTimeString());
  useEffect(() => {
    setInterval(() => {
      setTime(new Date().toLocaleTimeString());
    }, 1000);
  }, []);
  return (
    <span
      className={clsx('Clock', className)}
      style={style}
    >
      {time}
    </span>
  );
}