@umituz/react-native-design-system 2.3.37 → 2.3.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.3.37",
+  "version": "2.3.38",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/molecules/animation/presentation/hooks/useFireworks.ts

@@ -41,7 +41,7 @@ export const useFireworks = (config: FireworksConfig) => {
     if (__DEV__) {
       console.warn('useFireworks: colors array is required and cannot be empty');
     }
-    return { particles: [], trigger: () => {}, isActive: false };
+    return { particles: [], trigger: () => { }, isActive: false };
   }
 
   const createParticle = useCallback((
@@ -51,7 +51,7 @@ export const useFireworks = (config: FireworksConfig) => {
   ): ParticleConfig => {
     const angle = Math.random() * Math.PI * 2;
     const velocity = Math.random() * spread + 50;
-    
+
     return {
       x,
       y,
@@ -64,6 +64,8 @@ export const useFireworks = (config: FireworksConfig) => {
     };
   }, [particleSize, spread]);
 
+  const isActiveRef = useRef(false);
+
   const updateParticles = useCallback(() => {
     const currentParticles = [...particlesRef.current];
     const updated: ParticleConfig[] = [];
@@ -88,12 +90,13 @@ export const useFireworks = (config: FireworksConfig) => {
     particlesRef.current = updated;
     setParticles(updated);
 
-    if (updated.length > 0 && isActive) {
+    if (updated.length > 0 && isActiveRef.current) {
       animationFrameRef.current = requestAnimationFrame(updateParticles);
     } else {
       setIsActive(false);
+      isActiveRef.current = false;
     }
-  }, [isActive]);
+  }, [setIsActive]); // Removed isActive dependency
 
   const trigger = useCallback((x?: number, y?: number) => {
     const centerX = x ?? 0;
@@ -110,6 +113,7 @@ export const useFireworks = (config: FireworksConfig) => {
     particlesRef.current = particlesArray;
     setParticles(particlesArray);
     setIsActive(true);
+    isActiveRef.current = true;
 
     if (animationFrameRef.current) {
       cancelAnimationFrame(animationFrameRef.current);