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.
