Install & Compatibility
Where this runs
No compatibility data collected yet for this library.
Code
Verified usage
Verified import paths — ran on the pinned version, not inferred.
Admin
✓ import { Admin } from 'react-admin'
✗ import Admin from 'react-admin'
Named export, not default.
Resource
✓ import { Resource } from 'react-admin'
✗ const Resource = require('react-admin').Resource
ESM-only; required imports are unsupported in recent versions.
List
✓ import { List } from 'react-admin'
✗ import { List } from 'ra-ui-materialui'
Components are re-exported from 'react-admin' directly since v4.
SimpleForm
✓ import { SimpleForm } from 'react-admin'
✗ import { SimpleForm } from 'ra-core'
Moved to main package in v5.
Minimal admin app with a single resource 'posts' using a simple REST data provider and CRUD pages.
import * as React from "react";
import { Admin, Resource, List, DataTable, Edit, Create, SimpleForm, TextInput, DateInput, EditButton, DateField, useRecordContext } from 'react-admin';
import restProvider from 'ra-data-simple-rest';
import BookIcon from '@mui/icons-material/Book';
const PostIcon = BookIcon;
const PostList = () => (
<List>
<DataTable>
<DataTable.Col source="id" />
<DataTable.Col source="title" />
<DataTable.Col source="published_at" />
<DataTable.Col source="actions">
<EditButton />
</DataTable.Col>
</DataTable>
</List>
);
const PostTitle = () => {
const record = useRecordContext();
return <span>Post {record ? `"${record.title}"` : ''}</span>;
};
const PostEdit = () => (
<Edit title={<PostTitle />}>
<SimpleForm>
<TextInput source="title" />
<DateInput source="published_at" />
</SimpleForm>
</Edit>
);
const PostCreate = () => (
<Create>
<SimpleForm>
<TextInput source="title" />
<DateInput source="published_at" />
</SimpleForm>
</Create>
);
export default function App() {
return (
<Admin dataProvider={restProvider('http://localhost:3000')}>
<Resource name="posts" list={PostList} edit={PostEdit} create={PostCreate} icon={PostIcon} />
</Admin>
);
}
Errors
Common errors & fixes
TypeError: Cannot read properties of undefined (reading 'map')
Missing data provider or incorrect API response shape.
fixEnsure dataProvider returns { data: [] } or { data: { id: 1, ... } } for list/ getList. Module not found: Error: Can't resolve 'ra-data-simple-rest'
Optional data provider not installed.
fixRun: npm install ra-data-simple-rest
Error: <Admin> requires a dataProvider prop
Missing required dataProvider on <Admin>.
fixPass a valid dataProvider object or import one.
Audit
Dependencies
reactrequiredpeer dependency for React 18 or 19
react-domrequiredpeer dependency for rendering