Simple sequence hook for use with step-by-step forms etc

useSequence.js

function useSequence({ values, onComplete }) {
  const [index, setIndex] = useState(0);

  function next() {
    setIndex((oldIndex) => {
      if (oldIndex + 1 >= values.length) {
        setImmediate(onComplete);
        return oldIndex;
      } else {
        return oldIndex + 1;
      }
    });
  }

  return [values[index], next];
}