Code splitting: "Invariant Violation: RelayModernGraphQLTag: Expected a request, , got {}" when using async getQuery

[dminkovsky]

In Thread.js

export const threadQuery = graphql`
    # some query
`;

Fails:

{
        path: '/message',
        getComponent: async () => {
                const module = await import('./Thread');
                return module.default;
        },
        getQuery: async () => {
                const module = await import('./Thread');
                return module.threadQuery;
        },
},

Does getQuery() have to be sync?

Thank you

PS. Obviously not a blocking issue.

[taion]

We don't currently support async getQuery calls. In general this is not necessarily what you'd want anyway. It seems that in most code splitting use cases, it makes more sense to have the query in the main bundle, and fetch both the data and the new code in parallel, as opposed to waiting for the code fetching to complete before requesting the data.

[dminkovsky]

Ah makes a lot of sense. Thank you.

[taion]

Tracking this as a feature request in #297