reactjs - React:MediaStreamTrack を Video 要素にアタッチする方法は?

Question

ちょっと、私がやろうとしているのは、メモリにローカルに保存されている MediaStreamTrack を追跡し、html5 ビデオ要素を使用してユーザーのブラウザーで再生することです。これは私が現在持っているものです：

const VideoTrack = ({ track }) => {
  useEffect(() => {
    const el = ref.current 
    track.attach(el)
    return () => {
      track.detach(el)
    }
  }, [track])

  return (
    <video
      ref={ref}
    />
  ) }

これに関する問題は、ビデオが最初に空/空白として描画され、useEffect 関数が呼び出された後にのみ、MediaStreamTrack が関連付けられたページが再レンダリングされることです。これにより、非常に目立つちらつきが発生します。

もっと簡単な方法があればいいのに

<video track={track} /> 

そのようなものは存在しますか？MediaStreamTrack と HTML5 ビデオ要素をすべて同時にレンダリングできるようにするには?