Suspense and useLoader causes canvas to go completely white while loading stuff

[Bossieh]

When a child component is loading something using useLoader from @react-three/fiber the canvas turns completely white.
It would be nicer if the canvas keeps it's latest render while loading additional 3D objects.
Is the white canvas intended behavior?

<Canvas
    gl={{
        preserveDrawingBuffer: true
    }}
    shadows
    frameloop="demand"
>
    <ContextBridge>
        <Selection>
            <Suspense fallback={null}>
                <SkyBox />
                <Farmer />
                <Scene />
                <OrbitControls />
                <Lights />
                <FloorPlane />
                <DevToolsThreejsObjects />
                <Silos configuration={props.configuration} />
            </Suspense>
            <EffectComposer autoClear={false}>
                <Outline
                    blur
                    edgeStrength={4}
                    visibleEdgeColor={0xffffff}
                    hiddenEdgeColor={0xffffff}
                />
                <SMAA />
            </EffectComposer>
        </Selection>
    </ContextBridge>
</Canvas>

[m1911star]

@LucusWebsites You can use https://github.com/pmndrs/drei#loader to show global loading process~

[m1911star]

or use https://github.com/pmndrs/drei#useprogress to define part of the scene loading fallback component