TextSequence

TextSequence.jsx

export const TextSequence = ({
  texts = ["ceci", 1000, "est", 1000, "une", 1000, "demo", 1000],
}) => {
  const [text, setText] = useState();
  useEffect(() => {
    setTimeout(function update(i = 0) {
      const data = texts[i % texts.length];
      if (typeof data === "string") setText(data);
      setTimeout(() => update(i + 1), typeof data === "number" ? data : 0);
    });
  }, []);
  return text;
};