Почему не добавляется / убирается класс?

Question

[Shuboanator]

gsap.registerPlugin(ScrollTrigger)

    useLayoutEffect(() => {
        gsap.to(".img-1", {height: '100%',
            scrollTrigger:{
                trigger: '.wb1',
                markers: true,
                scrub: true,
                start: "top center",
                end: "bottom center",
                toggleClass:  "title-selected",
            }
        })
    }, [])

Есть вот такой код. Анимация высоты по нему срабатывает как надо. Но почему то добавлять и убирать класс она не хочет. Как это исправить и почему так произходит?

Answer 1

[Михаил Р.]

На основании офф доки, попробуйте так:

gsap.registerPlugin(ScrollTrigger)

useLayoutEffect(() => {
    gsap.to(".img-1", {
        height: '100%',
        scrollTrigger: {
            trigger: '.wb1',
            markers: true,
            scrub: true,
            start: "top center",
            end: "bottom center",
            // toggleClass:  "title-selected",
            toggleClass: {
                targets: ".wb1",
                className: "title-selected",
            },
        }
    })
}, []);