title: react-three-fibre workaround for maximum drawing buffer size on mobile Chrome (and maybe other browsers)
body: <p>I have a scene in a canvas which is stretched to the full height of the document to render some shapes in the background behind the normal DOM markup and this works great on desktop.</p>
  <p>When I test this on mobile chrome on a Google Pixel 6, however, the contents of the canvas are stretched vertically and from experimenting it appears that this is because of a maximum value on the height of the canvas drawing buffer (when manually setting the height, until just under 4000 no stretching occurs, and from then it becomes more and more stretched). I imagine there are similar limitations in other environments/browsers.</p>
  <p>Is there a workaround for this with react-three-fibre? (i.e. trading pixel density for more size) or am I going to have to switch tact and instead use a 100vh canvas that transforms everything inside it by the scroll top to get the same effect? (which from experimenting has been pretty jittery, but I can think of a few things that might improve that)</p>