GSAP Tween在React中无法使用ScrollMagic放松

Question

我正在尝试简化填充进度条的动画，但是当它触发时，它会直接跳到100％。我正在使用react-scrollmagic和react-gsap。进度条来自Bulma框架。

这是我的代码：

<Controller>
<Scene
    pin={false}
    reverse={false}
    indicators={true}
    triggerElement= "#trigger1"
    duration={0}
>
        <Tween staggerFrom={{ value: 0, ease: 'Expo.easeOut' }} staggerTo={{ value: 100, ease: 'Expo.easeOut' }} stagger={0.15}>
            <div id="trigger1"></div>
            <progress className="progress is-primary" value="0" max="100"></progress>
        </Tween>
        </Scene>
</Controller>

有什么办法解决这个问题吗？