How to set a default style for text.split ?

[sorasful]

Sorry, it may be a newbie question, I'm still new in AnimeJS.

I was trying to make some kind of effect where the text appears word by words, from invisible to visible. I did something like this (see below):

But the problem is that if I put the style: opacity on the span like I did, it stays invisible. And if I remove it, then the animations occurs but you can see the full sentence written before the animation start. It does not show very well on the screenshot, but before the animation start, the sentence is shown.

Not sure if that's very clear, let me know if I can add more context.

TL;DR: How can I make the sentence appear word by word starting with an empty page ?

Thanks for your help 🙏

import {animate, createScope, createTimeline, Scope, stagger, text, utils} from 'animejs';

import {useEffect, useRef} from 'react';
import './App.css';


function App() {
    const appContainer = useRef(null);
    const scope = useRef<Scope>(null);

    useEffect(() => {
        scope.current = createScope({root: appContainer.current || undefined}).add((scope: Scope) => {
            // start scope

            const titleWords = text.split('#title-start', {words: {}});

            const tl = createTimeline()
                .add(titleWords.words, {
                    // Property keyframes
                    opacity: {from: 0, to: 1},
                    y: 200,
                    // scale: stagger([1, 2]),
                    delay: stagger('200'),
                    loop: false,
                    ease: "inOutQuint"
                }, )


            // end scope
        });

        return () => scope.current?.revert()

    }, []);

    return (
        <div ref={appContainer}>
            <div className="flex flex-col items-center">

                <div className={"flex flex-col items-center"}>
                    <span id={"title-start"} style={{opacity: 0}} className={"text-3xl"}>Welcome to the wonderful world of</span>
                </div>
            </div>

        </div>
    );
}

export default App