'Problem connecting React Admin with Graphql using ra-data-graphql as a dataprovider

I'm try to connect React Admin using an API build in graphql using ra-data-graphql as a dataprovider, but my array of resources is always going empty.

Print of the response

import * as React from "react";
import { Admin, Resource } from 'react-admin';
import buildGraphQLProvider from 'ra-data-graphql';
import buildQuery from './buildQuery';
import { ApolloClient, InMemoryCache } from '@apollo/client';
import MerchantList from './Dashboard'

const client = new ApolloClient({
    uri: 'http://localhost:30002',
    cache: new InMemoryCache()
});

const App = () => {
    const [dataProvider, setDataProvider] = React.useState(null);
    React.useEffect(() => {
        buildGraphQLProvider({
            client,
            buildQuery
        })
            .then(graphQlDataProvider => setDataProvider(() => graphQlDataProvider));
    }, []);

    if (!dataProvider) {
        return <div>Loading </div>
    }
    return (
        <Admin dataProvider={dataProvider}>
            <Resource name="listMerchant" list={MerchantList} />
        </Admin>
    )
}


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source