removed the Guessers

src/components/albums/AlbumList.tsx

@@ -0,0 +1,11 @@
+import { Datagrid, List, ReferenceField, TextField } from 'react-admin';
+
+export const AlbumList = () => (
+    <List>
+        <Datagrid>
+            <ReferenceField source="userId" reference="users" />
+            <TextField source="id" />
+            <TextField source="title" />
+        </Datagrid>
+    </List>
+);

src/components/albums/AlbumShow.tsx

@@ -0,0 +1,11 @@
+import { ReferenceField, Show, SimpleShowLayout, TextField } from 'react-admin';
+
+export const AlbumShow = () => (
+    <Show>
+        <SimpleShowLayout>
+            <ReferenceField source="userId" reference="users" />
+            <TextField source="id" />
+            <TextField source="title" />
+        </SimpleShowLayout>
+    </Show>
+);

src/components/comments/CommentList.tsx

@@ -0,0 +1,13 @@
+import { Datagrid, EmailField, List, ReferenceField, TextField } from 'react-admin';
+
+export const CommentList = () => (
+    <List>
+        <Datagrid>
+            <ReferenceField source="postId" reference="posts" />
+            <TextField source="id" />
+            <TextField source="name" />
+            <EmailField source="email" />
+            <TextField source="body" />
+        </Datagrid>
+    </List>
+);

src/components/photos/PhotoList.tsx

@@ -0,0 +1,13 @@
+import { Datagrid, List, ReferenceField, TextField, UrlField } from 'react-admin';
+
+export const PhotoList = () => (
+    <List>
+        <Datagrid>
+            <ReferenceField source="albumId" reference="albums" />
+            <TextField source="id" />
+            <TextField source="title" />
+            <UrlField source="url" />
+            <TextField source="thumbnailUrl" />
+        </Datagrid>
+    </List>
+);

src/components/photos/PhotoShow.tsx

@@ -0,0 +1,13 @@
+import { ReferenceField, Show, SimpleShowLayout, TextField, UrlField } from 'react-admin';
+
+export const PhotoShow = () => (
+    <Show>
+        <SimpleShowLayout>
+            <ReferenceField source="albumId" reference="albums" />
+            <TextField source="id" />
+            <TextField source="title" />
+            <UrlField source="url" />
+            <TextField source="thumbnailUrl" />
+        </SimpleShowLayout>
+    </Show>
+);

src/components/users/UserList.tsx

@@ -1,4 +1,4 @@
-// in src/Users.tsx
+// in src/UserList.tsx
 import { useMediaQuery } from "@mui/material";
 import { List, SimpleList, Datagrid, TextField, EmailField, } from "react-admin";