When I use deferred data, I have local storage data and want component render local data first until the defer promise resolved.How can I do this?

[CurryYangxx]

export const loader = () => {
    // fetch from localStorage or localFile

    const localData = await fetchLocalData();

    const remotePromise = fetchRemoteData();

    return defer({

        localData,

        remotePromise,
    });
}

I have localData and want to render with localData first. When remotedata promise resolved, use a merge of local and remote data render the component. How to do this?