Replicate canvas.requestFullscreen()

[KabirMaan]

I am trying to replicate the following code in react-three-fiber but cannot seem to find the requestFullScreen() function

 window.addEventListener('dblclick', () => {
    if (!document.fullscreenElement) {
      canvas.requestFullScreen();
    } else {
      console.log('leave full screen');
    }
  });

Any help would be much appreciated.
Thanks :)

[mattrossman]

The function exists. I'm not sure where canvas is defined in your snippet. I'd just use React handlers for this.

Here is a minimal setup that I just tested on codesandbox:

export default function App() {
  const onDoubleClick = (e) => {
    e.target.requestFullscreen().catch((err) => {
      alert('Open in a seperate tab to allow fullscreen access')
    })
  }
  return (
    <Canvas onDoubleClick={onDoubleClick}>
      {/* stuff */}
    </Canvas>
  )
}
``