Remove SayCheese component, rely on chromatic.delay parameter

Co-authored-by: abernier <[email protected]>

Author: Copilot

.storybook/Setup.tsx

@@ -2,9 +2,7 @@
 
 import * as React from 'react'
 import { Vector3 } from 'three'
-import { Canvas, CanvasProps, useThree } from '@react-three/fiber'
-import isChromatic from 'chromatic/isChromatic'
-import { useEffect } from 'react'
+import { Canvas, CanvasProps } from '@react-three/fiber'
 
 import { OrbitControls } from '../src'
 
@@ -39,31 +37,6 @@ export const Setup = ({
         </>
       )}
       {controls && <OrbitControls makeDefault />}
-
-      {isChromatic() && <SayCheese />}
     </Canvas>
   )
 }
-
-/**
- * A helper component to wait and pause the frameloop
- */
-function SayCheese({ pauseAt = 3000 }) {
-  const { clock, advance, setFrameloop, invalidate, gl, scene, camera } = useThree()
-
-  useEffect(() => {
-    // console.log(`😬 Say cheeese (shooting photo in ${pauseAt}ms)`)
-
-    setFrameloop('never')
-
-    const timestamp = pauseAt / 1000 // Convert ms to seconds
-    advance(timestamp, true)
-
-    // Wait for render to complete
-    requestAnimationFrame(() => {
-      gl.getContext().finish()
-    })
-  }, [pauseAt, clock, advance, invalidate, gl, scene, camera, setFrameloop])
-
-  return null
-}