feat: useAnimationFrame

app/react/hooks/use-animation-frame.js

@@ -0,0 +1,19 @@
+import {useEffect, useRef} from 'react';
+
+export default function useAnimationFrame(callback) {
+  const handle = useRef();
+  const last = useRef();
+  function animate(time) {
+    if (last.current != undefined) {
+      callback((time - last.current) / 1000)
+    }
+    last.current = time;
+    handle.current = requestAnimationFrame(animate);
+  }
+  useEffect(() => {
+    handle.current = requestAnimationFrame(animate);
+    return () => {
+      cancelAnimationFrame(handle.current);
+    };
+  }, [callback]);
+}