TypeError: _mainInstance.content isnot a function
at ScrollSmoother.create (http://localhost:3000/build/_shared/chunk-2KGHTWMG.js:4566:55)
at http://localhost:3000/build/routes/($role)-V6X7IM6L.js:5769:67
at commitHookEffectListMount (http://localhost:3000/build/_shared/chunk-VKRUHKJ5.js:16436:34)
at invokePassiveEffectMountInDEV (http://localhost:3000/build/_shared/chunk-VKRUHKJ5.js:17845:19)
at invokeEffectsInDev (http://localhost:3000/build/_shared/chunk-VKRUHKJ5.js:19194:19)
at commitDoubleInvokeEffectsInDEV (http://localhost:3000/build/_shared/chunk-VKRUHKJ5.js:19179:15)
at flushPassiveEffectsImpl (http://localhost:3000/build/_shared/chunk-VKRUHKJ5.js:18996:13)
at flushPassiveEffects (http://localhost:3000/build/_shared/chunk-VKRUHKJ5.js:18940:22)
at http://localhost:3000/build/_shared/chunk-VKRUHKJ5.js:18821:17
at workLoop (http://localhost:3000/build/_shared/chunk-VKRUHKJ5.js:195:42)
ScrollSmoother error "_mainInstance.content is not a function" with SvelteKit
in GSAP
Posted
I am having the same error come up, but I am using a Remix project:
import { gsap } from 'gsap/dist/gsap' import { ScrollSmoother } from 'gsap/dist/ScrollSmoother' ... useEffect(() => { gsap.registerPlugin(ScrollSmoother) scrollSmoother.current = ScrollSmoother.create({ smooth: 1, effects: true, content: '#smooth-content' }) }, [])
I get this error:
Any insights?