The following example does not work as intended as far as I know:
const video = useMemo(() => {
const result = document.createElement('video');
result.src = 'https://threejs.org/examples/textures/MaryOculus.webm';
result.crossOrigin = 'anonymous';
return result;
}, []);
return
<XRLayer
position={[0, 0, -0.5]}
onClick={() => video.play()}
scale={0.5}
src={video}
// shape={'cylinder'}
layout={"stereo-left-right"}
/>
shows up like this:

The following example does not work as intended as far as I know:
shows up like this: