useGetRecordRepresentation

// in src/posts/PostBreadcrumbs.tsx
import * as React from 'react';
import { Breadcrumbs, Typography } from '@mui/material';
import { Link, useGetRecordRepresentation, useRecordContext } from 'react-admin';
export const PostBreadcrumbs = () => {
 const record = useRecordContext();
 const getRecordRepresentation = useGetRecordRepresentation('posts');
 return (
 <div role="presentation">
 <Breadcrumbs aria-label="breadcrumb">
 <Link underline="hover" color="inherit" to="/">
 Home
 </Link>
 <Link underline="hover" color="inherit" to="/posts">
 Posts
 </Link>
 <Typography sx={{ color: "text.primary" }}>
 {getRecordRepresentation(record)}
 </Typography>
 </Breadcrumbs>
 </div>
 );
}
// in src/posts/PostEdit.tsx
import { EditBase, EditView, SimpleForm, TextInput } from 'react-admin';
import { PostBreadcrumbs } from './PostBreadcrumbs';
const PostEdit = () => (
 <EditBase>
 <PostBreadcrumbs />
 <EditView>
 <SimpleForm>
 <TextInput source="title" />
 </SimpleForm>
 </EditView>
 </EditBase>
)