React Admin报错：Unknown dataProvider function: toJSON 求助

问题原因 #

这个错误是由于JSON.stringify尝试序列化React Admin的dataProvider代理对象导致的。React Admin的dataProvider是一个包含数据操作方法（如getList、create）的代理对象，没有内置toJSON方法，当代码中不小心将其当作业务数据进行序列化时，就会触发该错误。

修复步骤 #

1. 修正变量命名避免冲突 #

你的代码中存在变量名混淆问题：将API地址字符串命名为dataProvider，虽然语法合法但易引发误解和误用。建议修改为：

import restProvider from 'ra-data-simple-rest';

// 重命名API地址变量，避免与dataProvider对象混淆
const baseUrl = `${process.env.REACT_APP_API}/api/link`;
// 正确生成dataProvider对象
const dataProvider = restProvider(baseUrl);

<Admin dataProvider={dataProvider}>
  <Resource name='endpoint' options={{label:'MyLabel'}} list={myList} />
</Admin>

2. 检查自定义列表组件（myList） #

重点排查myList组件中是否存在将dataProvider对象当作业务数据使用的情况，比如：

• 错误调用JSON.stringify(dataProvider)
• 将dataProvider传递给需要渲染业务数据的组件（如Datagrid、TextField等）

正确的自定义列表组件示例：

import { List, Datagrid, TextField } from 'react-admin';

const myList = () => (
  <List>
    <Datagrid>
      <TextField source="id" />
      <TextField source="name" />
    </Datagrid>
  </List>
);

3. 验证版本兼容性 #

确保react-admin和ra-data-simple-rest的版本完全匹配，版本不兼容可能导致dataProvider结构异常。执行以下命令检查版本：

npm list react-admin ra-data-simple-rest

如果版本不一致，升级到最新匹配版本：

npm install react-admin@latest ra-data-simple-rest@latest

内容的提问来源于stack exchange，提问作者Nuhman pk