I am building a Next.js application where I have a single common audio file and multiple text components. Each text component corresponds to a specific timestamp in the audio file. The text components need to update their state to maintain isActive status, and they should highlight when the audio reaches their respective timestamps.

I am building a Next.js application where I have a single common audio file and multiple text components. Each text component corresponds to a specific timestamp in the audio file. The text components need to update their state to maintain isPlaying status, and they should highlight when the audio reaches their respective timestamps.