Home
Blog
Projects
Bookshelf
About

useInterval

Published ....
Last modified ....
From Netarts, OR

Share this snippet on Bluesky See discussion on Bluesky

import { useState, useEffect, useRef } from "react";

export function useInterval(callback, delay) {
  const savedCallback = useRef();

  // Remember the latest callback.

← Back to all snippets

useInterval

Published ....
Last modified ....
From Netarts, OR

Share this snippet on Bluesky See discussion on Bluesky

import { useState, useEffect, useRef } from "react";

export function useInterval(callback, delay) {
  const savedCallback = useRef();

  // Remember the latest callback.

useEffect(() => {

savedCallback.current = callback;

}, [callback]);

// Set up the interval.

useEffect(() => {

function tick() {

savedCallback.current();

}

if (delay !== null) {

let id = setInterval(tick, delay);

return () => clearInterval(id);

}

}, [delay]);

}

Originally sourced from Dan Abramov's blog

useInterval

useInterval

Tags:

Related Posts

snippet

React

Related Posts

snippet

React