bmalehorn

react-use-date

Have you ever used new Date() in React code, but noticed it didn't update?

The current time is: 2026-03-11T20:26:52.110Z

Instead, try using useDate():

import useDate from "react-use-date";

const Clock = () => {
  const date = useDate();

  return <div>The current time is: {date.toISOString()}</div>;
};
The current time is: 2026-03-11T20:27:03.001Z

Options by Example

optionresult
useDate()20:27:03.002
useDate({ interval: 'second' })20:27:03.002
useDate({ interval: 'minute' })20:27:00.001
useDate({ interval: 'hour' })20:26:52.113
useDate({ interval: 1000 })20:27:03.129

Get It!

  • npm install react-use-date
  • GitHub
© 2026