useListIterate hook - iterates over array of items with predefined timing #react #hooks

useListIterate.js

import React, { useState, useEffect } from 'react';

export default function useListIterate(items, interval = 3000) {
  const [item, setItem] = useState(items[0]);

  useEffect(() => {
    let index = 0;

    const timer = setInterval(() => {
      setItem(items[index]);
      index++;
      (index >= items.length) && (index = 0);
    }, interval);
    return () => clearInterval(timer);
  }, []);

  return item;
}