After reading your comment I tried to recreate the issue in a codesandbox, which got the components working perfectly and I couldn't recreate the issue that was occurring on my local environment. I did a little research on the forums here and it seems I was importing from the location.
I was using: import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
Once I changed it to:
import ScrollTrigger from "gsap/ScrollTrigger";
It all seemed to work perfectly.
Thank you for being a sounding board to find the answer!
