Awesome

use-interval

React hook for setting an interval as posted on overreacted.io

Dan Abramov's blog post explaining why you cannot just use setInterval within useEffect.

Used by

• codesandbox / codesandbox-client
• kentcdodds / react-performance
• siddharthkp / react-ui
• element-motion
• wintercounter / mhy
• sagemathinc / cocalc
• wintercounter / mhy

Install

npm install --save use-interval

Usage

import * as React from 'react'

import useInterval from 'use-interval'

const Example = () => {
  let [count, setCount] = React.useState(0);

  useInterval(() => {
    // Your custom logic here
    setCount(count + 1);
  }, 1000); // passing null instead of 1000 will cancel the interval if it is already running

  return <h1>{count}</h1>;
}

// TypeScript Declaration
useInterval(
  callback: () => void,
  delay: number,
  immediate?: boolean /* called when mounted if true */
)

License

MIT

This hook is created using create-react-hook.