fix: opening url on footer press causes images to get stuck

birdwingo · Jun 14, 2024 · 6aabd43 · 6aabd43
1 parent 78911b0
commit 6aabd43
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Content/index.tsx b/src/components/Content/index.tsx
@@ -26,7 +26,7 @@ const StoryContent: FC<StoryContentProps> = ( { stories, active, activeStory } )
   useAnimatedReaction(
     () => activeStory.value,
     ( res, prev ) => res !== prev && onChange(),
-    [ activeStory.value ],
+    [ activeStory.value, onChange ],
   );
 
   const content = useMemo( () => stories[storyIndex]?.renderContent?.(), [ storyIndex ] );

diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
@@ -26,7 +26,7 @@ const StoryFooter: FC<StoryContentProps> = ( { stories, active, activeStory } )
   useAnimatedReaction(
     () => activeStory.value,
     ( res, prev ) => res !== prev && onChange(),
-    [ activeStory.value ],
+    [ activeStory.value, onChange ],
   );
 
   const footer = useMemo( () => stories[storyIndex]?.renderFooter?.(), [ storyIndex ] );

diff --git a/src/components/Image/index.tsx b/src/components/Image/index.tsx
@@ -68,13 +68,13 @@ const StoryImage: FC<StoryImageProps> = ( {
   useAnimatedReaction(
     () => isActive.value,
     ( res, prev ) => res !== prev && res && runOnJS( onImageChange )(),
-    [ isActive.value ],
+    [ isActive.value, onImageChange ],
   );
 
   useAnimatedReaction(
     () => activeStory.value,
     ( res, prev ) => res !== prev && runOnJS( onImageChange )(),
-    [ activeStory.value ],
+    [ activeStory.value, onImageChange ],
   );
 
   const onContentLoad = ( newDuration?: number ) => {