diff --git a/packages/ra-ui-materialui/src/button/CloneButton.spec.tsx b/packages/ra-ui-materialui/src/button/CloneButton.spec.tsx
index b0ba772c244..c786f58f6c3 100644
--- a/packages/ra-ui-materialui/src/button/CloneButton.spec.tsx
+++ b/packages/ra-ui-materialui/src/button/CloneButton.spec.tsx
@@ -2,7 +2,7 @@ import expect from 'expect';
import { shallow } from 'enzyme';
import React from 'react';
-import CloneButton from './CloneButton';
+import { CloneButton } from './CloneButton';
describe('', () => {
it('should pass a clone of the record in the location state', () => {
diff --git a/packages/ra-ui-materialui/src/button/CloneButton.tsx b/packages/ra-ui-materialui/src/button/CloneButton.tsx
index e0ad3ff298b..89427b90c85 100644
--- a/packages/ra-ui-materialui/src/button/CloneButton.tsx
+++ b/packages/ra-ui-materialui/src/button/CloneButton.tsx
@@ -8,7 +8,7 @@ import { Record } from 'ra-core';
import Button, { ButtonProps } from './Button';
-const CloneButton: FC = ({
+export const CloneButton: FC = ({
basePath = '',
label = 'ra.action.clone',
record,
diff --git a/packages/ra-ui-materialui/src/field/DateField.spec.js b/packages/ra-ui-materialui/src/field/DateField.spec.js
index 3fe3d796752..e134a08bd38 100644
--- a/packages/ra-ui-materialui/src/field/DateField.spec.js
+++ b/packages/ra-ui-materialui/src/field/DateField.spec.js
@@ -1,7 +1,7 @@
import React from 'react';
import assert from 'assert';
import { shallow } from 'enzyme';
-import DateField from './DateField';
+import { DateField } from './DateField';
describe('', () => {
it('should return null when the record is not set', () =>
diff --git a/packages/ra-ui-materialui/src/field/DateField.tsx b/packages/ra-ui-materialui/src/field/DateField.tsx
index cb62a14b147..09cc429cb9e 100644
--- a/packages/ra-ui-materialui/src/field/DateField.tsx
+++ b/packages/ra-ui-materialui/src/field/DateField.tsx
@@ -48,7 +48,7 @@ interface Props extends FieldProps {
* mercredi 7 novembre 2012
*/
-const DateField: FunctionComponent<
+export const DateField: FunctionComponent<
Props & InjectedFieldProps & TypographyProps
> = ({
className,
diff --git a/packages/ra-ui-materialui/src/field/NumberField.spec.js b/packages/ra-ui-materialui/src/field/NumberField.spec.js
index 0c4b83656b9..2eef8a159b6 100644
--- a/packages/ra-ui-materialui/src/field/NumberField.spec.js
+++ b/packages/ra-ui-materialui/src/field/NumberField.spec.js
@@ -1,7 +1,7 @@
import React from 'react';
import assert from 'assert';
import { render, shallow } from 'enzyme';
-import NumberField from './NumberField';
+import { NumberField } from './NumberField';
describe('', () => {
it('should return null when the record is not set', () =>
diff --git a/packages/ra-ui-materialui/src/field/NumberField.tsx b/packages/ra-ui-materialui/src/field/NumberField.tsx
index 0c730100d2f..ad847013e4e 100644
--- a/packages/ra-ui-materialui/src/field/NumberField.tsx
+++ b/packages/ra-ui-materialui/src/field/NumberField.tsx
@@ -46,7 +46,7 @@ interface Props extends FieldProps {
* // renders the record { id: 1234, price: 25.99 } as
* 25,99 $US
*/
-const NumberField: FunctionComponent<
+export const NumberField: FunctionComponent<
Props & InjectedFieldProps & TypographyProps
> = ({ className, record, source, locales, options, textAlign, ...rest }) => {
if (!record) {