useInterval

Published 📅: ....
Last modified 📝: ....
Location 📍: Netarts, OR

import { useState, useEffect, useRef } from 'react

Published 📅: ....
Last modified 📝: ....
Location 📍: Netarts, OR

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