reset gsap provider to music page version

This commit is contained in:
2026-03-30 18:54:19 +02:00
parent d7a9e53d9a
commit bfc2bb1501

View File

@@ -2,13 +2,12 @@
import { useGSAP } from '@gsap/react'
import gsap from 'gsap'
import { SplitText } from 'gsap/SplitText'
import { ScrollTrigger, GSDevTools } from 'gsap/all'
import { ScrollTrigger } from 'gsap/all'
import { createContext, useCallback, useContext, useEffect, useRef, type ReactNode } from 'react'
gsap.registerPlugin(useGSAP)
gsap.registerPlugin(ScrollTrigger)
gsap.registerPlugin(SplitText)
gsap.registerPlugin(GSDevTools)
const GsapContext = createContext<{
addAnimation: (
animation: gsap.core.TimelineChild,
@@ -23,7 +22,7 @@ export function useGsapContext() {
return useContext(GsapContext)
}
export const useTimeLine = (dep:any,all?:boolean) => {
export const useTimeLine = (dep?:any,all?:boolean) => {
const gsapContext = useGsapContext()
useEffect(() => {
if (dep instanceof Array && all) {
@@ -67,6 +66,7 @@ export default function GsapProvider({ children }: { children: ReactNode }) {
tl.current?.add(animation, position);
},[])
const resetTimeline = useCallback(() => {
console.log('resetting timeline')
tl.current?.kill()
tl.current?.revert()
ScrollTrigger.getAll().forEach(st => st.kill())