Typescript/React codegen with multiple GraphQL endpoints?

[dhay]

I'm curious if there's a codegen example available that shows how to have a React application talk to multiple GraphQL endpoints using the URQL library? I'm currently creating custom context with the alternate URL and pass that into each query/mutation for every component that uses queries from a particular server:

const myContext = useMemo(() => ({ url: myGraphQLUrl }), []);
const [{data}] = useMyQuery({ context: myContext });

It would be nice if codegen would take care of this for me somehow.

export function useMyQuery(...) {
    return Urql.useQuery<...>({query: MyQueryDoc, context: useMemo(() => ({ url: graphqlUrl }), []));
};

Is there a way to do something like this, currently? If so, any pointers would be appreciated!

Thanks!
David