[ScrollTrigger + React: trouble when pinnings multiple elements on the same page]

Hi Théophile Avoyne,

could you share your solution in the react app? I am facing the same exact problem in a Next.js application, in which I am initializing 3 scroll trigger timelines in separate components. I tried everything mentioned here and some more solutions, nothing worked. I can't even replicate the error outside react. Refresh in particular doesn't seem to fire at all.

The only way that made scroll trigger recalculate its height, is this:
 

setTimeout(() => {
  tl.scrollTrigger.disable();
  tl.scrollTrigger.enable();
}, 2000)

and it is an horrible solution. For starter the use of set timeout is not reliable, for that reason is set at 2seconds. And then, I have to switch on and off the scroll trigger, refresh in the same position doesn't work at all.