SOMETHING CHANGED WHEN REBASING NOW IT DOESNT WORK AGAIN, code is pretty much the same and I don't know how to go back

Author: GuillermoC66

src/components/Instructions.tsx

@@ -133,7 +133,7 @@ export default function BreathingInstructions({
         window.clearTimeout(animationTimeoutRef.current);
       }
     };
-  }, [animationSet.waitSet, showIntro, exerciseType, animationProvider.changeAnimation]);
+  }, [animationSet.waitSet, showIntro, exerciseType, animationProvider, animationProvider.changeAnimation]);
 
   useEffect(() => {
     return () => {
@@ -145,7 +145,7 @@ export default function BreathingInstructions({
     if (!showIntro && !animationSet.exerciseSet && !isPaused) {
       setAnimationSet((prev) => ({ ...prev, exerciseSet: true }));
     }
-  }, [showIntro, animationSet.exerciseSet]);
+  }, [showIntro, isPaused, animationSet.exerciseSet]);
 
 const handlePauseToggle = () => {
     if (!isPaused) {
@@ -269,9 +269,7 @@ const handlePauseToggle = () => {
                 transition={{ duration: 1.5, delay: 0.3 }}
                 className="text-lg md:text-xl text-[#ffffff] text-center max-w-md mx-auto"
               >
-                {t(
-                  `instructions.${exerciseType}.${exercise.instructions[currentInstruction].key}`
-                )}
+                {t(`instructions.${exerciseType}.${exercise.instructions[currentInstruction].key}`)}
               </motion.p>
 
               <motion.div

src/components/WelcomePage.tsx

@@ -10,7 +10,7 @@ const WelcomePage = () => {
 
   useEffect(() => {
     animationProvider.changeAnimation("main");
-  }, []);
+  }, [animationProvider]);
 
     const toggleInfo = () => {
     setIsInfoVisible(!isInfoVisible);