A simple hook that updates the current time in ReactJS

useCurrentTime.js

import moment from 'moment'
import { useState, useEffect } from 'react'

export const useCurrentTime = (formatting = 'hh:mm A', intervalDuration = (1000 * 60)) => {
  const [currentTime, setCurrentTime] = useState(() => moment().format(formatting))

  useEffect(() => {
    const updateTime = () => {
      setCurrentTime(moment().format(formatting))
    }

    let interval = null;

    if (interval === null) {
      /* @HINT: Update time immediately on mount */
      updateTime();
    }

    /* @NOTE: Default is to update the time every minute */
    interval = setInterval(updateTime, intervalDuration)

    return () => {
      clearInterval(interval);
    }
  /* eslint-disable-next-line react-hooks/exhaustive-deps */
  }, [formatting, intervalDuration])

  return currentTime;
};