1 files changed, 20 insertions, 0 deletions
diff --git a/apps/web/src/hooks/use-raf-loop.ts b/apps/web/src/hooks/use-raf-loop.ts
new file mode 100644
index 00000000..54b1e662
--- /dev/null
+++ b/apps/web/src/hooks/use-raf-loop.ts
@@ -0,0 +1,20 @@
+import { useEffect, useRef } from "react";
+
+export function useRafLoop(callback: ({ time }: { time: number }) => void) {
+	const requestRef = useRef<number>(0);
+	const previousTimeRef = useRef<number | null>(null);
+
+	useEffect(() => {
+		const loop = ({ time }: { time: number }) => {
+			if (previousTimeRef.current !== null) {
+				const deltaTime = time - previousTimeRef.current;
+				callback({ time: deltaTime });
+			}
+			previousTimeRef.current = time;
+			requestRef.current = requestAnimationFrame((time) => loop({ time }));
+		};
+
+		requestRef.current = requestAnimationFrame((time) => loop({ time }));
+		return () => cancelAnimationFrame(requestRef.current);
+	}, [callback]);
+}