reactjs - 在 React-Admin 根元素中使用 StylesProvider 会导致错误

Question

我想一次用 jss 替换我的所有组件，根据 Material-UI 文档，我在我的根元素上使用 StylesProvider，如下所示：

import { create } from 'jss';
import rtl from 'jss-rtl';
import { StylesProvider, jssPreset } from '@material-ui/core/styles';

const jss = create({ plugins: [...jssPreset().plugins, rtl()] });

const App = () => (
  <StylesProvider jss={jss}>
    <Admin locale="ar" i18nProvider={i18nProvider} theme={theme} layout={layout}>
    </Admin>
  </StylesProvider>
);
export default App;

但我收到此错误：

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports

那我做错了什么？

标签： reactjsmaterial-uireact-admin