# React three fiber, extra animations (gsap) lags during scene loading

**URL:** <https://discourse.threejs.org/t/react-three-fiber-extra-animations-gsap-lags-during-scene-loading/63040>\
**Category:** Questions\
**Tags:** animation, react-three-fiber\
**Created:** [March 20, 2024, 6:23pm UTC](https://discourse.threejs.org/t/react-three-fiber-extra-animations-gsap-lags-during-scene-loading/63040 "2024-03-20T18:23:56Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Danny](https://avatars.discourse-cdn.com/v4/letter/d/848f3c/32.png) [@Danny](https://discourse.threejs.org/u/Danny)\
**Post date:** [March 20, 2024, 6:23pm UTC](https://discourse.threejs.org/t/react-three-fiber-extra-animations-gsap-lags-during-scene-loading/63040/1 "2024-03-20T18:23:56Z")

</div>

I have a nextjs project with react three fiber and gsap integrations.  
In my page I load some normal text, animated by gsap timelines, and the three component to load the scene.  
At first, text animation lags while three scene is still loading…any suggestion.  
I used the component too but nothing…

Here my code:

```javascript
<Navigation />
<Suspense fallback={null}>
    <div className="webglWrapper">
       <Scene />
    </div>
</Suspense>

```

In the navigation component I have my animated text with gsap, which lags untill Scene component is ready…

Help me plss!