How to load one object after another?

[tonicastillo]

Hi!
I am trying to load some items (glb and textures). But I want to load a specific one first, to display it, and then load the rest. I am trying with "Suspense", with no succeed.

I have been trying several hours without any result. With useGLTF, useTexture, useCubeTexture, etc... everything loads at the same time. any help?
Thank you

[drcmda]

suspenselist gives you that ability. https://reactjs.org/docs/concurrent-mode-reference.html#suspenselist

[tonicastillo]

That work's perfect!
Codesandbox example of loading glb files with SuspenseList
Thanks!

But... is it the only way? I'm not sure to use an alpha version of React in production, because SuspenseList it's not working in the stable version.
I guess the only other option then is to use THREE's imperative loading methods.

[drcmda]

I think it's fine, I would use it. React 18 is all about suspense and these things have been out for a long time, I don't think they're unstable. You can also preload objects in global space, useGLT.preload(url), useLoader.preload(Loader, url) but it's not exactly the same, more like a pre-fetch.