Проблема с рендерингом в React JS, React-Crossction-Obverver и React-Tree-Fibre
В проекте, над которым я работаю, я использую реакцию. Создайте компонент «Заголовок», в котором я визуализирую 3D-модель с помощью react-three-fiber, моим вторым компонентом является «About», в который я помещаю только текст и использую react-crossction-Observer для активации анимации линий каждого из них. текст.
Проблема в том, что при использовании Three js рендеринг компонента Header происходит медленнее, чем у About: отображается текст и область просмотра, что, в свою очередь, активирует анимацию.
После загрузки заголовка и перехода к следующему разделу («О программе») анимация уже произошла из-за вышеупомянутого.
Есть ли способ предотвратить это?