[Gaubee]

Problem

Camera video doesn't render on GitHub Pages, but works locally.

Root Cause

Race condition: video element was conditionally rendered based on state:

{(state === 'scanning' || state === 'success') && (
  <video ref={videoRef} ... />
)}

But initCamera tried to set srcObject before state changed:

videoRef.current.srcObject = stream;  // videoRef.current is null!
setState('scanning');  // video renders AFTER this

Solution

Always render the video element, use CSS invisible class to hide it when not active. This ensures videoRef.current is available when initCamera runs.