Реализация React-admin

Я очень новичок в react-admin, и у меня проблемы с выводом данных на экран. Прочитав документацию, я реализовал свой код именно так. Я могу получить данные в console.log useEffect, который представляет собой массив объектов, имеющих такие ключи объектов, как id, fullName, emailId. но я не могу получить данные в списке, чтобы текстовое поле получало данные и отображало их на экране.

import * as React from "react";
import { useDataProvider } from 'react-admin';
import axios from 'axios'
import { List, Datagrid, TextField } from 'admin-on-rest/lib/mui';

const AllUsers = (props) => {

    const dataProvider = useDataProvider()
    let [result, setResult] = React.useState("")

    //const restClient = restProvider(data, true);


    React.useEffect(async () => {
        try {
            let resp = await dataProvider.getList("allUsers",{ pagination: {  },
            sort: { },
            filter: {  },})
            console.log(resp.data)
        }
        catch (err) {
            console.log(err)
        }

    }, []);

    

    return (
        <>
                <List {...props}>
                    <Datagrid>
                        <TextField source="id" sortable={false} />
                        <TextField source="emailId" />
                        <TextField source="fullname" />
                    </Datagrid>
                    
                </List>
         
        </>
    );

}
export default AllUsers;

И вот как я передаю реквизиты компоненту AllUsers

import * as React from "react";
import { render } from 'react-dom';
import { Admin, Resource, ListGuesser,AuthProvider } from 'react-admin';
import restProvider from 'ra-data-json-server';
import  AllUsers from "./components/allUsers"

const dataProvider = restProvider('http://localhost/users');


const App = () => {
  return (
    <Admin  dataProvider={dataProvider}>
      <Resource name="allUsers" list={AllUsers} />
    </Admin>
  );

}
export default App;