Show loading Indicator while rendering


I’m rendering a merged geometry of about 100k geometries, but while rendering the scene the browser window freezes. Is there a way to prevent window from freezing and show a loading indicator?


I’m using react-three-fiber. There is a way to use Suspense component to show a fallback component until the original component is ready, but it doesn’t solve the problem completely

if rendering out so many geometries freezes the browser there’s nothing you can do, javascript only has a single thread. i would much rather look at the problem, why is it so much, can’t you compress or instance, can it be streamed or lazily loaded, …

perhaps make a codesandbox that reproduces the behaviour, that would be easier to profile.