GLTFLoader callbacks not set in useLoader

[jellyedwards]

If I use useLoader and pass in a function to manipulate the loader, it doesn't seem to work.

const gltf = useLoader(
      GLTFLoader,
      "./bomb.gltf",
      (loader) => {
        loader.onProgress = (p) => {
          console.log("loader progress: ", p);  // never see in console
        };
        loader.onError = (e) => {
          console.error("loader error: ", e);  // never see in console
        };
      }
    );

Context:
I'm trying to gracefully handle when a gltf load fails, I was hoping to use the GLTFLoader callbacks but no luck. I tried ErrorBoundary as discussed here (#1881) but it didn't catch gracefully (I think because it's async?). I also tried wrapping in a try/catch from the same discussion but the render doesn't update and the model isn't shown even when the glb exists.

Repro: https://codesandbox.io/s/gltfloader-loading-forked-t9v110?file=/src/App.js

[drcmda]

this is not how it works, the api you're trying to call doesn't exist in threejs. https://threejs.org/docs/index.html?q=gltflo#examples/en/loaders/GLTFLoader

all of this is taken care of by react suspense for you, if something really fails you end up in an error boundary, if you set one. useLoader gives you access to onprogress and the onerror is filled out and will throw (into the error bound).

i use this package btw https://www.npmjs.com/package/react-error-boundary