React Adminでログインした後のトップページ

デフォルトでは、管理アプリのホームページは最初の子 <Resource> のリストです。ただし、代わりにカスタム コンポーネントを指定することもできます。一般的なデザインに合わせるには、MUI の <Card> コンポーネントと react-admin の <Title> コンポーネントを使用して、AppBar にタイトルを設定します。

参考:Dashboard

// in src/Dashboard.js
import * as React from "react";
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import { Title } from 'react-admin';
export default () => (
    <Card>
        <Title title="Welcome to the administration" />
        <CardContent>Lorem ipsum sic dolor amet...</CardContent>
    </Card>
);

// in src/App.js
import * as React from "react";
import { Admin } from 'react-admin';
import simpleRestProvider from 'ra-data-simple-rest';

import Dashboard from './Dashboard';

const App = () => (
    <Admin dashboard={Dashboard} dataProvider={simpleRestProvider('http://path.to.my.api')}>
        // ...
    </Admin>
);

API PlatformのAdminのdashboard属性でも同様に使用可能。