I am trying to create a wavy text animation where I am getting the text from an array. And if the first text completes its animation then it should start hiding and another text from the array should start the animation.

codesandbox link: https://codesandbox.io/s/blazing-cdn-hjnxyh?file=/src/animated-text.jsx