I'm getting an error when loading a page when you don't start at the "top" of the page, e.g. if you scroll down near the bottom of the page, and then refresh, you get an error, but if you start fresh from the top it works fine.
NB you might need to refresh a couple of times to reproduce this, it happens about 50% of the time.
If I open the console when the animations don't load I get `Uncaught TypeError: Cannot read properties of undefined (reading 'end')`, pointing at this code:
```
function setupSplits() {
gsap.utils.toArray('[data-gsap="split-text"]').forEach(el => {
gsap.from(SplitText.create(el, {type: "words,chars"}).chars, {
duration: 0.8,
opacity: 0,
y: 10,
ease: "circ",
stagger: 0.02,
scrollTrigger: {
trigger: el,
start: 'top 80%',
end: "top 0%",
once: true,
}
});
});
};
setupSplits();
```
Is there something basic I'm doing wrong here?