Canvas描画ループ内のReact state更新はちらつき要因になる
React
frontend
Canvas
requestAnimationFrame やカメラ検出ループのような高頻度の canvas 描画処理内で React state を頻繁に更新すると、再レンダーが canvas の描画タイミングと干渉し、枠やオーバーレイのちらつきとして見えることがある。UI状態に反映する必要がある場合は、refで現在値を保持し、状態が実際に変わった時だけstate更新する。検出結果のように一時的に揺れる値は、描画用・操作可否用に短い猶予や安定化済みの値を使うとちらつきを抑えやすい。