1234567891011121314151617181920212223

import { useState, useEffect } from 'react' interface FrameConfig { width: number height: number fps: number } export function useRecorder(config: FrameConfig) { const [frames, setFrames] = useState<string[]>([]) const [isActive, setIsActive] = useState(false) // capture each keystroke as a frame useEffect(() => { const interval = 1000 / config.fps return capture(interval) }, [config]) }