working animations

src/app/_providers/GsapProvicer.tsx

@@ -27,12 +27,11 @@ export default function GsapProvider({ children }: { children: ReactNode }) {
     if (!tl.current) {
       tl.current = gsap.timeline({ paused: true })
     }
-    console.log("resuming timeline:",tl.current)
     return () => { console.log("gsap cleanup") }
   })
 
   const addAnimation = useCallback((animation: gsap.core.TimelineChild, position: gsap.Position) => {
-    console.log("add animation to:", position)
+    console.log("add animation to:", position, tl.current !== undefined)
     tl.current?.add(animation, position);
   },[])
   const resetTimeline = useCallback(() => {
@@ -41,6 +40,7 @@ export default function GsapProvider({ children }: { children: ReactNode }) {
     tl.current = gsap.timeline({paused:true})
   },[])
   const resumeTimeline = useCallback(() => {
+    console.log("resuming timeline:",tl.current)
     tl.current?.resume()
   },[])
   return (

src/app/_providers/ThemeProvider.tsx

@@ -1,23 +1,10 @@
 'use client'
-import * as React from "react"
 import { ThemeProvider as NextThemesProvider } from "next-themes"
 
 export default function ThemeProvider({children}:{children: React.ReactNode}) {
-  const [mounted,setMounted] = React.useState(false)
-  React.useEffect(() => {
-    setMounted(true)
-  })
-  if (mounted) {
-    return (
-      <NextThemesProvider disableTransitionOnChange nonce="test" attribute="class" defaultTheme="dark">
-        {children}
-       </NextThemesProvider>
-     )
-  } else {
-    return (
-      <>
-        {children}
-      </>
-    )
-  }
+  return (
+    <NextThemesProvider disableTransitionOnChange attribute="class" defaultTheme="dark">
+      {children}
+    </NextThemesProvider>
+  )
 }