add disabled to Root also

basementstudio · Jul 24, 2023 · ee25209 · ee25209 · vercel · Jul 24, 2023
1 parent 8f60d23
commit ee25209
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/scrollytelling/src/primitive.tsx b/scrollytelling/src/primitive.tsx
@@ -35,6 +35,7 @@ const Scrollytelling = ({
   scrub,
   defaults,
   toggleActions,
+  disabled,
 }: {
   children?: React.ReactNode;
   debug?: boolean;
@@ -63,6 +64,7 @@ const Scrollytelling = ({
   scrub?: boolean | number;
   defaults?: gsap.TweenVars | undefined;
   toggleActions?: ScrollTrigger.Vars["toggleActions"];
+  disabled?: boolean;
 }) => {
   const ref = React.useRef<HTMLDivElement>(null);
   const scopedQuerySelector = gsap.utils.selector(ref);
@@ -73,7 +75,7 @@ const Scrollytelling = ({
 
   // initialize timeline
   React.useEffect(() => {
-    if (!ref.current) return;
+    if (!ref.current || disabled) return;
     gsap.registerPlugin(ScrollTrigger);
 
     const tl = gsap.timeline({
@@ -95,7 +97,7 @@ const Scrollytelling = ({
     return () => {
       tl.revert();
     };
-  }, [end, debug, start, callbacks, scrub, defaults, toggleActions]);
+  }, [end, debug, start, callbacks, scrub, defaults, toggleActions, disabled]);
 
   // rest tween to ensure timeline is always 100 long
   const addRestToTimeline = React.useCallback(