fix: jelly-cleanup (#1959)

Author: lursz

apps/typegpu-docs/src/examples/rendering/jelly-slider/index.ts

@@ -889,6 +889,7 @@ function createBindGroups() {
 
 let bindGroups = createBindGroups();
 
+let animationFrameHandle: number;
 function render(timestamp: number) {
   frameCount++;
   camera.jitter();
@@ -928,7 +929,7 @@ function render(timestamp: number) {
     .with(bindGroups.render[currentFrame])
     .draw(3);
 
-  requestAnimationFrame(render);
+  animationFrameHandle = requestAnimationFrame(render);
 }
 
 function handleResize() {
@@ -950,7 +951,7 @@ const resizeObserver = new ResizeObserver(() => {
 });
 resizeObserver.observe(canvas);
 
-requestAnimationFrame(render);
+animationFrameHandle = requestAnimationFrame(render);
 
 // #region Example controls and cleanup
 
@@ -1067,6 +1068,7 @@ export const controls = {
 };
 
 export function onCleanup() {
+  cancelAnimationFrame(animationFrameHandle);
   resizeObserver.disconnect();
   root.destroy();
 }