Resizing the viewport causes the scene to re-render and eventually crashes the app

[jz222]

Hi,

thank you for this great package.

I'm working on a possible hero element based on this example mentioned in the docs.

I copied the example code and only changed minor things like colors and the shape. However, I updated the dependencies to the latest versions. This seemed to have broken something. When you start the project it works fine. However, you will notice that it re-renders the components when scrolling. When you resize the browser horizontally, it causes the app to freeze and eventually crash.

I uploaded a minimal example to this repository so that it can be reproduced. You can simply run npm i && npm start to run the app. Scrolling vertically causes the scene to re-render and resizing the viewport horizontally causes the app to freeze and crash.

I'm quite new to ThreeJS and could use some help.

Thank you for your time.

[CodyJasonBennett]

I'd try polling in a useFrame and/or deboucing or deferring updates with startTransition. viewport is breaking reference here it seems.