Suspense equivalent for QML

import QtQuick
import QtQuick.Controls
Pane {id:root
    property bool completed: false
    property var network_data: {'hello': 'world'}
    Timer {id:timer
        interval: 500;
        onTriggered: root.completed = true
    }  
    Button{
        text: 'fetch'
        onClicked: timer.start()
    }
    Suspense{
        width: 200; height: 200;
        anchors.centerIn: parent;
        test: root.completed
        fallback: Loading{}
        delegate: NeedsNetworkData{network_data: root.network_data}
    }
}
// Loading.qml
import QtQuick
AnimatedImage{
    anchors.centerIn: parent;
    source: "https://mir-s3-cdn-cf.behance.net/project_modules/disp/04de2e31234507.564a1d23645bf.gif"
}
// NeedsNetworkData.qml
import QtQuick
Rectangle{
    required property var network_data
    color: "grey"
    Text{
        anchors.centerIn:parent;
        text: JSON.stringify(network_data.hello)
    }
}

// Suspense.qml
import QtQuick
Loader {
    id: root
    required property bool test
    required property Component fallback
    required property Component delegate
    
    sourceComponent: test? delegate: fallback
}

delegate: NeedsNetworkData{network_data: root.network_data}

<Suspense fallback={<Loading />}>
  <Biography />
  <Panel>
    <Albums />
  </Panel>
</Suspense>

Text{
    text: data.field.otherfield
}

Text{
    text: data? data.field.otherfield: "😨"  
}