Fix error in CoreAdminUI in development mode

closes #4322

examples/simple/webpack.config.js

@@ -36,6 +36,9 @@ module.exports = {
             'OptionTextElement',
             'RedirectionSideEffect',
             'RefreshSideEffect',
+            'AdminUIProps',
+            'AdminContextProps',
+            'AdminRouterProps',
         ]),
     ].concat(
         process.env.NODE_ENV === 'development'

packages/ra-core/src/core/CoreAdminUI.tsx

@@ -19,7 +19,7 @@ const DefaultLayout: FunctionComponent<LayoutProps> = ({ children }) => (
     <>{children}</>
 );
 
-export interface CoreAdminUIProps {
+export interface AdminUIProps {
     catchAll?: CatchAllComponent;
     children?: AdminChildren;
     customRoutes?: CustomRoutes;
@@ -33,7 +33,10 @@ export interface CoreAdminUIProps {
     title?: TitleComponent;
 }
 
-const CoreAdminUI: FunctionComponent<CoreAdminUIProps> = ({
+// for BC
+export type CoreAdminUIProps = AdminUIProps;
+
+const CoreAdminUI: FunctionComponent<AdminUIProps> = ({
     catchAll = Noop,
     children,
     customRoutes = [],

packages/ra-core/src/core/components.ts

@@ -1,16 +1,19 @@
 import CoreAdmin from './CoreAdmin';
-import CoreAdminContext from './CoreAdminContext';
-import CoreAdminRouter from './CoreAdminRouter';
-import CoreAdminUI from './CoreAdminUI';
+import CoreAdminContext, { AdminContextProps } from './CoreAdminContext';
+import CoreAdminRouter, { AdminRouterProps } from './CoreAdminRouter';
+import CoreAdminUI, { AdminUIProps } from './CoreAdminUI';
 import createAdminStore from './createAdminStore';
 import RoutesWithLayout from './RoutesWithLayout';
 import Resource from './Resource';
 
 export {
     CoreAdmin,
     CoreAdminContext,
+    AdminContextProps,
     CoreAdminRouter,
+    AdminRouterProps,
     CoreAdminUI,
+    AdminUIProps,
     createAdminStore,
     RoutesWithLayout,
     Resource,

packages/react-admin/src/AdminContext.ts → packages/react-admin/src/AdminContext.tsx

@@ -1,8 +1,11 @@
-import { CoreAdminContext } from 'ra-core';
+import React, { FC } from 'react';
+import { CoreAdminContext, AdminContextProps } from 'ra-core';
 
 import defaultI18nProvider from './defaultI18nProvider';
 
-const AdminContext = CoreAdminContext;
+const AdminContext: FC<AdminContextProps> = props => (
+    <CoreAdminContext {...props} />
+);
 
 AdminContext.defaultProps = {
     i18nProvider: defaultI18nProvider,

packages/react-admin/src/AdminRouter.tsx

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import { CoreAdminRouter, AdminRouterProps } from 'ra-core';
+import { Loading } from 'ra-ui-materialui';
+
+const AdminRouter: FC<AdminRouterProps> = props => (
+    <CoreAdminRouter {...props} />
+);
+
+AdminRouter.defaultProps = {
+    loading: Loading,
+};
+
+export default AdminRouter;

packages/react-admin/src/AdminUI.ts → packages/react-admin/src/AdminUI.tsx

@@ -1,4 +1,5 @@
-import { CoreAdminUI } from 'ra-core';
+import React, { FC } from 'react';
+import { CoreAdminUI, AdminUIProps } from 'ra-core';
 import {
     Layout as DefaultLayout,
     Loading,
@@ -7,7 +8,7 @@ import {
     NotFound,
 } from 'ra-ui-materialui';
 
-const AdminUI = CoreAdminUI;
+const AdminUI: FC<AdminUIProps> = props => <CoreAdminUI {...props} />;
 
 AdminUI.defaultProps = {
     layout: DefaultLayout,
@@ -17,6 +18,4 @@ AdminUI.defaultProps = {
     logout: Logout,
 };
 
-AdminUI.displayName = 'AdminUI';
-
 export default AdminUI;