Fix frame prop (#247)

Co-authored-by: Will Busby <[email protected]>
jcblw · Sep 19, 2021 · 3b91f5f · 3b91f5f
1 parent 4f68201
commit 3b91f5f
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/useSprite.js b/src/useSprite.js
@@ -28,6 +28,7 @@ export const useSprite = ({
   reset,
   scale = 1,
   wrapAfter,
+  frame
 }) => {
   const prevTime = useRef()
   const [currentFrame, setCurrentFrame] = useState(startFrame)
@@ -144,6 +145,12 @@ export const useSprite = ({
     setCurrentFrame(startFrame)
   }, [reset])
 
+  useEffect(() => {
+    if (typeof frame === 'number' && frame !== currentFrame) {
+      setCurrentFrame(frame)
+    }
+  }, [frame])
+
   return {
     backgroundImage: isLoaded ? `url(${sprite})` : null,
     backgroundPosition: isLoaded ? getSpritePosition(currentFrame) : null,