`<ShowDeleted>`

The <ShowDeleted> component replaces the <Show> component when displaying a deleted record.

It has the same properties as <Show>, apart from resource, id and queryOptions which are passed from the context and cannot be overridden. See <Show> props documentation for more info.

It is intended to be used with detailComponents of <DeletedRecordsList>.

import { Admin, CustomRoutes, SimpleShowLayout, TextField } from 'react-admin';
import { Route } from 'react-router-dom';
import { DeletedRecordsList, ShowDeleted } from '@react-admin/ra-soft-delete';
const ShowDeletedBook = () => (
 <ShowDeleted>
 <SimpleShowLayout>
 <TextField source="title" />
 <TextField source="description" />
 </SimpleShowLayout>
 </ShowDeleted>
);
export const App = () => (
 <Admin>
 ...
 <CustomRoutes>
 <Route path="/deleted" element={
 <DeletedRecordsList detailComponents={{
 books: ShowDeletedBook,
 }} />
 } />
 </CustomRoutes>
 </Admin>
);

It is rendered in a dialog opened on click on a row of the <DeletedRecordsTable>.

A dialog showing a deleted record