initialization

src/admin-components/admin-dashboard.tsx

@@ -0,0 +1,20 @@
+import { Card, CardContent } from "@mui/material";
+import { Title, useDataProvider } from "react-admin";
+import { useQuery } from "@tanstack/react-query";
+
+export const AdminDashboard = () => {
+  const dataProvider = useDataProvider();
+  const { data } = useQuery({
+    queryKey: ["dashboard"],
+    queryFn: () => dataProvider.person(),
+  });
+
+  console.log(data);
+
+  return (
+    <Card>
+      <Title title="Welcome to the administration" />
+      <CardContent>Lorem ipsum sic dolor amet...</CardContent>
+    </Card>
+  );
+};

src/admin-components/admin-menu.tsx

@@ -0,0 +1,7 @@
+import { Menu } from "react-admin";
+
+export const AdminMenu = () => (
+  <Menu>
+    <Menu.DashboardItem />
+  </Menu>
+);

src/admin-components/index.js

@@ -0,0 +1,2 @@
+export { AdminMenu } from './admin-menu';
+export { AdminDashboard } from './admin-dashboard';