diff --git a/packages/ra-input-rich-text/src/index.js b/packages/ra-input-rich-text/src/index.js
index aa2b736c8e6..1b1fd2cdf6a 100644
--- a/packages/ra-input-rich-text/src/index.js
+++ b/packages/ra-input-rich-text/src/index.js
@@ -9,7 +9,7 @@ import { makeStyles } from '@material-ui/core/styles';
 
 import styles from './styles';
 
-const useStyles = makeStyles(styles, { name: 'RichTextInput' });
+const useStyles = makeStyles(styles, { name: 'RaRichTextInput' });
 
 const RichTextInput = ({
     options = {}, // Quill editor options
diff --git a/packages/ra-ui-materialui/src/Link.tsx b/packages/ra-ui-materialui/src/Link.tsx
index 2580283af3d..ed2cbb5c548 100644
--- a/packages/ra-ui-materialui/src/Link.tsx
+++ b/packages/ra-ui-materialui/src/Link.tsx
@@ -11,7 +11,7 @@ const useStyles = makeStyles(
             color: theme.palette.primary.main,
         },
     }),
-    { name: 'Link' }
+    { name: 'RaLink' }
 );
 
 const Link = ({
diff --git a/packages/ra-ui-materialui/src/auth/Login.tsx b/packages/ra-ui-materialui/src/auth/Login.tsx
index b05560155f2..74ccc56ecf3 100644
--- a/packages/ra-ui-materialui/src/auth/Login.tsx
+++ b/packages/ra-ui-materialui/src/auth/Login.tsx
@@ -58,7 +58,7 @@ const useStyles = makeStyles(
             backgroundColor: theme.palette.secondary[500],
         },
     }),
-    { name: 'Login' }
+    { name: 'RaLogin' }
 );
 
 /**
diff --git a/packages/ra-ui-materialui/src/auth/LoginForm.tsx b/packages/ra-ui-materialui/src/auth/LoginForm.tsx
index d9dff40b9fd..d889b98057c 100644
--- a/packages/ra-ui-materialui/src/auth/LoginForm.tsx
+++ b/packages/ra-ui-materialui/src/auth/LoginForm.tsx
@@ -32,7 +32,7 @@ const useStyles = makeStyles(
             marginRight: theme.spacing(1),
         },
     }),
-    { name: 'LoginForm' }
+    { name: 'RaLoginForm' }
 );
 
 const Input = ({
diff --git a/packages/ra-ui-materialui/src/auth/Logout.tsx b/packages/ra-ui-materialui/src/auth/Logout.tsx
index a085ec59036..8f9a32f33c6 100644
--- a/packages/ra-ui-materialui/src/auth/Logout.tsx
+++ b/packages/ra-ui-materialui/src/auth/Logout.tsx
@@ -20,7 +20,7 @@ const useStyles = makeStyles(
         },
         icon: { minWidth: theme.spacing(5) },
     }),
-    { name: 'Logout' }
+    { name: 'RaLogout' }
 );
 
 /**
diff --git a/packages/ra-ui-materialui/src/button/BulkDeleteWithConfirmButton.js b/packages/ra-ui-materialui/src/button/BulkDeleteWithConfirmButton.js
index cc359ed4adc..1869c76b304 100644
--- a/packages/ra-ui-materialui/src/button/BulkDeleteWithConfirmButton.js
+++ b/packages/ra-ui-materialui/src/button/BulkDeleteWithConfirmButton.js
@@ -40,7 +40,7 @@ const useStyles = makeStyles(
             },
         },
     }),
-    { name: 'BulkDeleteWithConfirmButton' }
+    { name: 'RaBulkDeleteWithConfirmButton' }
 );
 
 const BulkDeleteWithConfirmButton = ({
diff --git a/packages/ra-ui-materialui/src/button/BulkDeleteWithUndoButton.js b/packages/ra-ui-materialui/src/button/BulkDeleteWithUndoButton.js
index c7be7d8c691..9c824835073 100644
--- a/packages/ra-ui-materialui/src/button/BulkDeleteWithUndoButton.js
+++ b/packages/ra-ui-materialui/src/button/BulkDeleteWithUndoButton.js
@@ -39,7 +39,7 @@ const useStyles = makeStyles(
             },
         },
     }),
-    { name: 'BulkDeleteWithUndoButton' }
+    { name: 'RaBulkDeleteWithUndoButton' }
 );
 
 const BulkDeleteWithUndoButton = ({
diff --git a/packages/ra-ui-materialui/src/button/Button.js b/packages/ra-ui-materialui/src/button/Button.js
index 790a1a34712..95f4501238d 100644
--- a/packages/ra-ui-materialui/src/button/Button.js
+++ b/packages/ra-ui-materialui/src/button/Button.js
@@ -32,7 +32,7 @@ const useStyles = makeStyles(
             fontSize: 24,
         },
     },
-    { name: 'Button' }
+    { name: 'RaButton' }
 );
 
 const Button = ({
diff --git a/packages/ra-ui-materialui/src/button/CreateButton.js b/packages/ra-ui-materialui/src/button/CreateButton.js
index 2a71fa9275c..e34c4a5e971 100644
--- a/packages/ra-ui-materialui/src/button/CreateButton.js
+++ b/packages/ra-ui-materialui/src/button/CreateButton.js
@@ -25,7 +25,7 @@ const useStyles = makeStyles(
             color: 'inherit',
         },
     }),
-    { name: 'CreateButton' }
+    { name: 'RaCreateButton' }
 );
 
 const CreateButton = ({
diff --git a/packages/ra-ui-materialui/src/button/DeleteWithConfirmButton.js b/packages/ra-ui-materialui/src/button/DeleteWithConfirmButton.js
index fc67efd70be..448a6362c62 100644
--- a/packages/ra-ui-materialui/src/button/DeleteWithConfirmButton.js
+++ b/packages/ra-ui-materialui/src/button/DeleteWithConfirmButton.js
@@ -47,7 +47,7 @@ const useStyles = makeStyles(
             },
         },
     }),
-    { name: 'DeleteWithConfirmButton' }
+    { name: 'RaDeleteWithConfirmButton' }
 );
 
 const DeleteWithConfirmButton = ({
diff --git a/packages/ra-ui-materialui/src/button/DeleteWithUndoButton.js b/packages/ra-ui-materialui/src/button/DeleteWithUndoButton.js
index ca8e7c0cfd1..eaeb9b35da1 100644
--- a/packages/ra-ui-materialui/src/button/DeleteWithUndoButton.js
+++ b/packages/ra-ui-materialui/src/button/DeleteWithUndoButton.js
@@ -45,7 +45,7 @@ const useStyles = makeStyles(
             },
         },
     }),
-    { name: 'DeleteWithUndoButton' }
+    { name: 'RaDeleteWithUndoButton' }
 );
 
 const DeleteWithUndoButton = ({
diff --git a/packages/ra-ui-materialui/src/button/SaveButton.js b/packages/ra-ui-materialui/src/button/SaveButton.js
index 8b2d5d4a78d..c503422a1cd 100644
--- a/packages/ra-ui-materialui/src/button/SaveButton.js
+++ b/packages/ra-ui-materialui/src/button/SaveButton.js
@@ -19,7 +19,7 @@ const useStyles = makeStyles(
             fontSize: 18,
         },
     }),
-    { name: 'SaveButton' }
+    { name: 'RaSaveButton' }
 );
 
 const sanitizeRestProps = ({
diff --git a/packages/ra-ui-materialui/src/detail/Create.js b/packages/ra-ui-materialui/src/detail/Create.js
index 39a32dacafd..44bb3f2d3eb 100644
--- a/packages/ra-ui-materialui/src/detail/Create.js
+++ b/packages/ra-ui-materialui/src/detail/Create.js
@@ -83,7 +83,7 @@ const useStyles = makeStyles(
             flex: '1 1 auto',
         },
     }),
-    { name: 'Create' }
+    { name: 'RaCreate' }
 );
 
 const sanitizeRestProps = ({
diff --git a/packages/ra-ui-materialui/src/detail/Edit.js b/packages/ra-ui-materialui/src/detail/Edit.js
index 97d1bd7943a..666efd8be9e 100644
--- a/packages/ra-ui-materialui/src/detail/Edit.js
+++ b/packages/ra-ui-materialui/src/detail/Edit.js
@@ -83,7 +83,7 @@ export const useStyles = makeStyles(
             flex: '1 1 auto',
         },
     },
-    { name: 'Edit' }
+    { name: 'RaEdit' }
 );
 
 const sanitizeRestProps = ({
diff --git a/packages/ra-ui-materialui/src/detail/Show.js b/packages/ra-ui-materialui/src/detail/Show.js
index de70f74471b..bb4ff170d0b 100644
--- a/packages/ra-ui-materialui/src/detail/Show.js
+++ b/packages/ra-ui-materialui/src/detail/Show.js
@@ -80,7 +80,7 @@ export const useStyles = makeStyles(
             flex: '1 1 auto',
         },
     },
-    { name: 'Show' }
+    { name: 'RaShow' }
 );
 
 const sanitizeRestProps = ({
diff --git a/packages/ra-ui-materialui/src/detail/TabbedShowLayout.js b/packages/ra-ui-materialui/src/detail/TabbedShowLayout.js
index 25506056cda..263ccf34d32 100644
--- a/packages/ra-ui-materialui/src/detail/TabbedShowLayout.js
+++ b/packages/ra-ui-materialui/src/detail/TabbedShowLayout.js
@@ -29,7 +29,7 @@ const useStyles = makeStyles(
             paddingRight: theme.spacing(2),
         },
     }),
-    { name: 'TabbedShow' }
+    { name: 'RaTabbedShowLayout' }
 );
 
 /**
diff --git a/packages/ra-ui-materialui/src/field/BooleanField.tsx b/packages/ra-ui-materialui/src/field/BooleanField.tsx
index 99b67bcdb17..e5dc85144d4 100644
--- a/packages/ra-ui-materialui/src/field/BooleanField.tsx
+++ b/packages/ra-ui-materialui/src/field/BooleanField.tsx
@@ -32,7 +32,7 @@ const useStyles = makeStyles(
             whiteSpace: 'nowrap',
         },
     },
-    { name: 'BooleanField' }
+    { name: 'RaBooleanField' }
 );
 
 interface Props extends FieldProps {
diff --git a/packages/ra-ui-materialui/src/field/ChipField.tsx b/packages/ra-ui-materialui/src/field/ChipField.tsx
index 71aea469d69..a648aadc4ab 100644
--- a/packages/ra-ui-materialui/src/field/ChipField.tsx
+++ b/packages/ra-ui-materialui/src/field/ChipField.tsx
@@ -13,7 +13,7 @@ const useStyles = makeStyles(
     {
         chip: { margin: 4 },
     },
-    { name: 'ChipField' }
+    { name: 'RaChipField' }
 );
 
 export const ChipField: FunctionComponent<
diff --git a/packages/ra-ui-materialui/src/field/FileField.tsx b/packages/ra-ui-materialui/src/field/FileField.tsx
index 3e38f9389a5..dde47b6a636 100644
--- a/packages/ra-ui-materialui/src/field/FileField.tsx
+++ b/packages/ra-ui-materialui/src/field/FileField.tsx
@@ -11,7 +11,7 @@ const useStyles = makeStyles(
     {
         root: { display: 'inline-block' },
     },
-    { name: 'FileField' }
+    { name: 'RaFileField' }
 );
 
 interface Props extends FieldProps {
diff --git a/packages/ra-ui-materialui/src/field/ImageField.tsx b/packages/ra-ui-materialui/src/field/ImageField.tsx
index a01ae04cba3..4b93b8c9f6c 100644
--- a/packages/ra-ui-materialui/src/field/ImageField.tsx
+++ b/packages/ra-ui-materialui/src/field/ImageField.tsx
@@ -18,7 +18,7 @@ const useStyles = makeStyles(
             maxHeight: '10rem',
         },
     },
-    { name: 'ImageField' }
+    { name: 'RaImageField' }
 );
 
 interface Props extends FieldProps {
diff --git a/packages/ra-ui-materialui/src/field/ReferenceArrayField.js b/packages/ra-ui-materialui/src/field/ReferenceArrayField.js
index 882b1f6e762..b08317912e5 100644
--- a/packages/ra-ui-materialui/src/field/ReferenceArrayField.js
+++ b/packages/ra-ui-materialui/src/field/ReferenceArrayField.js
@@ -77,7 +77,7 @@ const useStyles = makeStyles(
     theme => ({
         progress: { marginTop: theme.spacing(2) },
     }),
-    { name: 'ReferenceArrayField' }
+    { name: 'RaReferenceArrayField' }
 );
 
 export const ReferenceArrayFieldView = ({
diff --git a/packages/ra-ui-materialui/src/field/ReferenceField.js b/packages/ra-ui-materialui/src/field/ReferenceField.js
index 1e19164393c..8571b63b7c8 100644
--- a/packages/ra-ui-materialui/src/field/ReferenceField.js
+++ b/packages/ra-ui-materialui/src/field/ReferenceField.js
@@ -119,7 +119,7 @@ const useStyles = makeStyles(
             color: theme.palette.primary.main,
         },
     }),
-    { name: 'ReferenceField' }
+    { name: 'RaReferenceField' }
 );
 
 // useful to prevent click bubbling in a datagrid with rowClick
diff --git a/packages/ra-ui-materialui/src/form/FormInput.js b/packages/ra-ui-materialui/src/form/FormInput.js
index 38a8efdd2b7..c7573d07c85 100644
--- a/packages/ra-ui-materialui/src/form/FormInput.js
+++ b/packages/ra-ui-materialui/src/form/FormInput.js
@@ -11,7 +11,7 @@ const useStyles = makeStyles(
     theme => ({
         input: { width: theme.spacing(32) },
     }),
-    { name: 'FormInput' }
+    { name: 'RaFormInput' }
 );
 
 export const FormInput = ({ input, classes: classesOverride, ...rest }) => {
diff --git a/packages/ra-ui-materialui/src/form/TabbedForm.js b/packages/ra-ui-materialui/src/form/TabbedForm.js
index 5bcdca46bae..bed8d6920e4 100644
--- a/packages/ra-ui-materialui/src/form/TabbedForm.js
+++ b/packages/ra-ui-materialui/src/form/TabbedForm.js
@@ -27,7 +27,7 @@ const useStyles = makeStyles(
             paddingRight: theme.spacing(2),
         },
     }),
-    { name: 'TabbedForm' }
+    { name: 'RaTabbedForm' }
 );
 
 const TabbedForm = ({ initialValues, defaultValue, saving, ...props }) => {
diff --git a/packages/ra-ui-materialui/src/form/Toolbar.js b/packages/ra-ui-materialui/src/form/Toolbar.js
index 57782d0265b..9b75b7c59ba 100644
--- a/packages/ra-ui-materialui/src/form/Toolbar.js
+++ b/packages/ra-ui-materialui/src/form/Toolbar.js
@@ -40,7 +40,7 @@ const useStyles = makeStyles(
             },
         },
     }),
-    { name: 'Toolbar' }
+    { name: 'RaToolbar' }
 );
 
 const valueOrDefault = (value, defaultValue) =>
diff --git a/packages/ra-ui-materialui/src/input/AutocompleteArrayInput.tsx b/packages/ra-ui-materialui/src/input/AutocompleteArrayInput.tsx
index 6ae6c38cc61..cfbdd24ca50 100644
--- a/packages/ra-ui-materialui/src/input/AutocompleteArrayInput.tsx
+++ b/packages/ra-ui-materialui/src/input/AutocompleteArrayInput.tsx
@@ -513,7 +513,7 @@ const useStyles = makeStyles(
             },
         };
     },
-    { name: 'AutocompleteArrayInput' }
+    { name: 'RaAutocompleteArrayInput' }
 );
 
 export default AutocompleteArrayInput;
diff --git a/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx b/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx
index 397b20466f8..2e1a46f291c 100644
--- a/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx
+++ b/packages/ra-ui-materialui/src/input/AutocompleteInput.tsx
@@ -458,7 +458,7 @@ const useStyles = makeStyles(
             },
         };
     },
-    { name: 'AutocompleteInput' }
+    { name: 'RaAutocompleteInput' }
 );
 
 export default AutocompleteInput;
diff --git a/packages/ra-ui-materialui/src/input/AutocompleteSuggestionItem.tsx b/packages/ra-ui-materialui/src/input/AutocompleteSuggestionItem.tsx
index c46f0194123..41528d07233 100644
--- a/packages/ra-ui-materialui/src/input/AutocompleteSuggestionItem.tsx
+++ b/packages/ra-ui-materialui/src/input/AutocompleteSuggestionItem.tsx
@@ -20,7 +20,7 @@ const useStyles = makeStyles(
         suggestionText: { fontWeight: 300 },
         highlightedSuggestionText: { fontWeight: 500 },
     }),
-    { name: 'AutocompleteSuggestionItem' }
+    { name: 'RaAutocompleteSuggestionItem' }
 );
 
 interface Props {
diff --git a/packages/ra-ui-materialui/src/input/AutocompleteSuggestionList.tsx b/packages/ra-ui-materialui/src/input/AutocompleteSuggestionList.tsx
index 56c2c8593e7..9f8e097a746 100644
--- a/packages/ra-ui-materialui/src/input/AutocompleteSuggestionList.tsx
+++ b/packages/ra-ui-materialui/src/input/AutocompleteSuggestionList.tsx
@@ -11,7 +11,7 @@ const useStyles = makeStyles(
             overflowY: 'auto',
         },
     },
-    { name: 'AutocompleteSuggestionList' }
+    { name: 'RaAutocompleteSuggestionList' }
 );
 
 interface Props {
diff --git a/packages/ra-ui-materialui/src/input/CheckboxGroupInput.tsx b/packages/ra-ui-materialui/src/input/CheckboxGroupInput.tsx
index 98bfbfff05e..fab7faa9248 100644
--- a/packages/ra-ui-materialui/src/input/CheckboxGroupInput.tsx
+++ b/packages/ra-ui-materialui/src/input/CheckboxGroupInput.tsx
@@ -20,13 +20,18 @@ const sanitizeRestProps = ({
     ...rest
 }: any) => defaultSanitizeRestProps(rest);
 
-const useStyles = makeStyles(theme => ({
-    root: {},
-    label: {
-        transform: 'translate(0, 8px) scale(0.75)',
-        transformOrigin: `top ${theme.direction === 'ltr' ? 'left' : 'right'}`,
-    },
-}), { name: 'CheckboxGroupInput' });
+const useStyles = makeStyles(
+    theme => ({
+        root: {},
+        label: {
+            transform: 'translate(0, 8px) scale(0.75)',
+            transformOrigin: `top ${
+                theme.direction === 'ltr' ? 'left' : 'right'
+            }`,
+        },
+    }),
+    { name: 'RaCheckboxGroupInput' }
+);
 
 /**
  * An Input component for a checkbox group, using an array of objects for the options
diff --git a/packages/ra-ui-materialui/src/input/CheckboxGroupInputItem.tsx b/packages/ra-ui-materialui/src/input/CheckboxGroupInputItem.tsx
index 748a9c91bc1..faedaf0062f 100644
--- a/packages/ra-ui-materialui/src/input/CheckboxGroupInputItem.tsx
+++ b/packages/ra-ui-materialui/src/input/CheckboxGroupInputItem.tsx
@@ -10,7 +10,7 @@ const useStyles = makeStyles(
             height: 32,
         },
     },
-    { name: 'CheckboxGroupInputItem' }
+    { name: 'RaCheckboxGroupInputItem' }
 );
 
 const CheckboxGroupInputItem = ({
diff --git a/packages/ra-ui-materialui/src/input/FileInput.tsx b/packages/ra-ui-materialui/src/input/FileInput.tsx
index 573b9228520..5cccfbf2c0e 100644
--- a/packages/ra-ui-materialui/src/input/FileInput.tsx
+++ b/packages/ra-ui-materialui/src/input/FileInput.tsx
@@ -33,7 +33,7 @@ const useStyles = makeStyles(
         removeButton: {},
         root: { width: '100%' },
     }),
-    { name: 'FileInput' }
+    { name: 'RaFileInput' }
 );
 
 export interface FileInputProps {
diff --git a/packages/ra-ui-materialui/src/input/FileInputPreview.tsx b/packages/ra-ui-materialui/src/input/FileInputPreview.tsx
index 9b46f1405d4..f425f553851 100644
--- a/packages/ra-ui-materialui/src/input/FileInputPreview.tsx
+++ b/packages/ra-ui-materialui/src/input/FileInputPreview.tsx
@@ -12,7 +12,7 @@ const useStyles = makeStyles(
             color: theme.palette.error.main,
         },
     }),
-    { name: 'FileInputPreview' }
+    { name: 'RaFileInputPreview' }
 );
 
 interface Props {
diff --git a/packages/ra-ui-materialui/src/input/ImageInput.tsx b/packages/ra-ui-materialui/src/input/ImageInput.tsx
index 1b3aa365018..bed50afb04e 100644
--- a/packages/ra-ui-materialui/src/input/ImageInput.tsx
+++ b/packages/ra-ui-materialui/src/input/ImageInput.tsx
@@ -35,7 +35,7 @@ const useStyles = makeStyles(
             },
         },
     }),
-    { name: 'ImageInput' }
+    { name: 'RaImageInput' }
 );
 
 const ImageInput = (props: FileInputProps & InputProps<FileInputOptions>) => {
diff --git a/packages/ra-ui-materialui/src/input/Labeled.tsx b/packages/ra-ui-materialui/src/input/Labeled.tsx
index 2e761736089..80b0cf7926f 100644
--- a/packages/ra-ui-materialui/src/input/Labeled.tsx
+++ b/packages/ra-ui-materialui/src/input/Labeled.tsx
@@ -23,7 +23,7 @@ const useStyles = makeStyles(
             width: '100%',
         },
     }),
-    { name: 'Labeled' }
+    { name: 'RaLabeled' }
 );
 
 interface Props {
diff --git a/packages/ra-ui-materialui/src/input/NullableBooleanInput.tsx b/packages/ra-ui-materialui/src/input/NullableBooleanInput.tsx
index 388fd6619c3..b9232fa0e46 100644
--- a/packages/ra-ui-materialui/src/input/NullableBooleanInput.tsx
+++ b/packages/ra-ui-materialui/src/input/NullableBooleanInput.tsx
@@ -13,7 +13,7 @@ const useStyles = makeStyles(
     theme => ({
         input: { width: theme.spacing(16) },
     }),
-    { name: 'NullableBooleanInput' }
+    { name: 'RaNullableBooleanInput' }
 );
 
 const getBooleanFromString = (value: string): boolean | null => {
diff --git a/packages/ra-ui-materialui/src/input/RadioButtonGroupInput.tsx b/packages/ra-ui-materialui/src/input/RadioButtonGroupInput.tsx
index f5fda037cf7..2489ab24272 100644
--- a/packages/ra-ui-materialui/src/input/RadioButtonGroupInput.tsx
+++ b/packages/ra-ui-materialui/src/input/RadioButtonGroupInput.tsx
@@ -16,12 +16,17 @@ import sanitizeRestProps from './sanitizeRestProps';
 import InputHelperText from './InputHelperText';
 import RadioButtonGroupInputItem from './RadioButtonGroupInputItem';
 
-const useStyles = makeStyles(theme => ({
-    label: {
-        transform: 'translate(0, 5px) scale(0.75)',
-        transformOrigin: `top ${theme.direction === 'ltr' ? 'left' : 'right'}`,
-    },
-}), { name: 'RadioButtonGroupInput' });
+const useStyles = makeStyles(
+    theme => ({
+        label: {
+            transform: 'translate(0, 5px) scale(0.75)',
+            transformOrigin: `top ${
+                theme.direction === 'ltr' ? 'left' : 'right'
+            }`,
+        },
+    }),
+    { name: 'RaRadioButtonGroupInput' }
+);
 
 /**
  * An Input component for a radio button group, using an array of objects for the options
diff --git a/packages/ra-ui-materialui/src/input/ResettableTextField.js b/packages/ra-ui-materialui/src/input/ResettableTextField.js
index f011b5e0394..4778f04fe29 100644
--- a/packages/ra-ui-materialui/src/input/ResettableTextField.js
+++ b/packages/ra-ui-materialui/src/input/ResettableTextField.js
@@ -29,7 +29,7 @@ const useStyles = makeStyles(
             marginRight: 12,
         },
     },
-    { name: 'ResettableTextField' }
+    { name: 'RaResettableTextField' }
 );
 
 const handleMouseDownClearButton = event => {
diff --git a/packages/ra-ui-materialui/src/input/SearchInput.tsx b/packages/ra-ui-materialui/src/input/SearchInput.tsx
index 12a90a7014a..39b0f5635ae 100644
--- a/packages/ra-ui-materialui/src/input/SearchInput.tsx
+++ b/packages/ra-ui-materialui/src/input/SearchInput.tsx
@@ -13,7 +13,7 @@ const useStyles = makeStyles(
             marginTop: 32,
         },
     },
-    { name: 'SearchInput' }
+    { name: 'RaSearchInput' }
 );
 
 const SearchInput: FunctionComponent<
diff --git a/packages/ra-ui-materialui/src/input/SelectArrayInput.tsx b/packages/ra-ui-materialui/src/input/SelectArrayInput.tsx
index 019f2ceb525..7fd8d3e7c05 100644
--- a/packages/ra-ui-materialui/src/input/SelectArrayInput.tsx
+++ b/packages/ra-ui-materialui/src/input/SelectArrayInput.tsx
@@ -79,7 +79,7 @@ const useStyles = makeStyles(
             overflow: 'auto',
         },
     }),
-    { name: 'SelectArrayInput' }
+    { name: 'RaSelectArrayInput' }
 );
 
 /**
diff --git a/packages/ra-ui-materialui/src/input/SelectInput.tsx b/packages/ra-ui-materialui/src/input/SelectInput.tsx
index 7323bda76cc..3c5dc7b81ec 100644
--- a/packages/ra-ui-materialui/src/input/SelectInput.tsx
+++ b/packages/ra-ui-materialui/src/input/SelectInput.tsx
@@ -63,7 +63,7 @@ const useStyles = makeStyles(
             minWidth: theme.spacing(20),
         },
     }),
-    { name: 'SelectInput' }
+    { name: 'RaSelectInput' }
 );
 
 /**
diff --git a/packages/ra-ui-materialui/src/layout/AppBar.js b/packages/ra-ui-materialui/src/layout/AppBar.js
index 597356b4d77..0c4f8cbaa72 100644
--- a/packages/ra-ui-materialui/src/layout/AppBar.js
+++ b/packages/ra-ui-materialui/src/layout/AppBar.js
@@ -45,7 +45,7 @@ const useStyles = makeStyles(
             overflow: 'hidden',
         },
     }),
-    { name: 'AppBar' }
+    { name: 'RaAppBar' }
 );
 
 const AppBar = ({
diff --git a/packages/ra-ui-materialui/src/layout/CardActions.tsx b/packages/ra-ui-materialui/src/layout/CardActions.tsx
index d17fb26082d..ec81e8d94ea 100644
--- a/packages/ra-ui-materialui/src/layout/CardActions.tsx
+++ b/packages/ra-ui-materialui/src/layout/CardActions.tsx
@@ -15,7 +15,7 @@ const useStyles = makeStyles(
             padding: 0,
         },
     },
-    { name: 'CardActions' }
+    { name: 'RaCardActions' }
 );
 
 const CardActions = ({ className, children, ...rest }) => {
diff --git a/packages/ra-ui-materialui/src/layout/CardContentInner.js b/packages/ra-ui-materialui/src/layout/CardContentInner.js
index bd1965d1cd5..a04a641ef5d 100644
--- a/packages/ra-ui-materialui/src/layout/CardContentInner.js
+++ b/packages/ra-ui-materialui/src/layout/CardContentInner.js
@@ -20,7 +20,7 @@ var useStyles = makeStyles(
             },
         },
     }),
-    { name: 'CardContentInner' }
+    { name: 'RaCardContentInner' }
 );
 
 /**
diff --git a/packages/ra-ui-materialui/src/layout/Confirm.js b/packages/ra-ui-materialui/src/layout/Confirm.js
index 8e6ae756efe..d0e1af1b7cc 100644
--- a/packages/ra-ui-materialui/src/layout/Confirm.js
+++ b/packages/ra-ui-materialui/src/layout/Confirm.js
@@ -35,7 +35,7 @@ const useStyles = makeStyles(
             paddingRight: '0.5em',
         },
     }),
-    { name: 'Confirm' }
+    { name: 'RaConfirm' }
 );
 
 /**
diff --git a/packages/ra-ui-materialui/src/layout/Error.js b/packages/ra-ui-materialui/src/layout/Error.js
index 2eb67d1a6bd..a8ceecdf842 100644
--- a/packages/ra-ui-materialui/src/layout/Error.js
+++ b/packages/ra-ui-materialui/src/layout/Error.js
@@ -45,7 +45,7 @@ const useStyles = makeStyles(
             marginTop: '2em',
         },
     }),
-    { name: 'Error' }
+    { name: 'RaError' }
 );
 
 function goBack() {
diff --git a/packages/ra-ui-materialui/src/layout/LinearProgress.js b/packages/ra-ui-materialui/src/layout/LinearProgress.js
index 09f32b87a88..6fae62b6554 100644
--- a/packages/ra-ui-materialui/src/layout/LinearProgress.js
+++ b/packages/ra-ui-materialui/src/layout/LinearProgress.js
@@ -11,7 +11,7 @@ const useStyles = makeStyles(
             width: `${theme.spacing(20)}px`,
         },
     }),
-    { name: 'LinearProgress' }
+    { name: 'RaLinearProgress' }
 );
 
 /**
diff --git a/packages/ra-ui-materialui/src/layout/Loading.js b/packages/ra-ui-materialui/src/layout/Loading.js
index 22930fdd73d..18bdb96b76f 100644
--- a/packages/ra-ui-materialui/src/layout/Loading.js
+++ b/packages/ra-ui-materialui/src/layout/Loading.js
@@ -30,7 +30,7 @@ const useStyles = makeStyles(
             margin: '0 1em',
         },
     }),
-    { name: 'Loading' }
+    { name: 'RaLoading' }
 );
 
 const Loading = ({
diff --git a/packages/ra-ui-materialui/src/layout/LoadingIndicator.js b/packages/ra-ui-materialui/src/layout/LoadingIndicator.js
index 0b7cc075f21..bd2496b41b9 100644
--- a/packages/ra-ui-materialui/src/layout/LoadingIndicator.js
+++ b/packages/ra-ui-materialui/src/layout/LoadingIndicator.js
@@ -13,7 +13,7 @@ const useStyles = makeStyles(
             margin: 14,
         },
     },
-    { name: 'LoadingIndicator' }
+    { name: 'RaLoadingIndicator' }
 );
 
 export const LoadingIndicator = ({
diff --git a/packages/ra-ui-materialui/src/layout/Menu.js b/packages/ra-ui-materialui/src/layout/Menu.js
index 4fcbe25ca7b..05f40bdbb7d 100644
--- a/packages/ra-ui-materialui/src/layout/Menu.js
+++ b/packages/ra-ui-materialui/src/layout/Menu.js
@@ -18,7 +18,7 @@ const useStyles = makeStyles(
             justifyContent: 'flex-start',
         },
     },
-    { name: 'Menu' }
+    { name: 'RaMenu' }
 );
 
 const translatedResourceName = (resource, translate) =>
diff --git a/packages/ra-ui-materialui/src/layout/MenuItemLink.js b/packages/ra-ui-materialui/src/layout/MenuItemLink.js
index 5f82fe9ff5e..468dc4c153c 100644
--- a/packages/ra-ui-materialui/src/layout/MenuItemLink.js
+++ b/packages/ra-ui-materialui/src/layout/MenuItemLink.js
@@ -21,7 +21,7 @@ const useStyles = makeStyles(
         },
         icon: { minWidth: theme.spacing(5) },
     }),
-    { name: 'MenuItemLink' }
+    { name: 'RaMenuItemLink' }
 );
 
 const MenuItemLink = forwardRef(
diff --git a/packages/ra-ui-materialui/src/layout/NotFound.js b/packages/ra-ui-materialui/src/layout/NotFound.js
index 190e2498011..030d46dcd0c 100644
--- a/packages/ra-ui-materialui/src/layout/NotFound.js
+++ b/packages/ra-ui-materialui/src/layout/NotFound.js
@@ -38,7 +38,7 @@ const useStyles = makeStyles(
             marginTop: '2em',
         },
     }),
-    { name: 'NotFound' }
+    { name: 'RaNotFound' }
 );
 
 function goBack() {
diff --git a/packages/ra-ui-materialui/src/layout/Notification.tsx b/packages/ra-ui-materialui/src/layout/Notification.tsx
index 3d750fc9f57..7d4b6e0f17f 100644
--- a/packages/ra-ui-materialui/src/layout/Notification.tsx
+++ b/packages/ra-ui-materialui/src/layout/Notification.tsx
@@ -33,7 +33,7 @@ const useStyles = makeStyles(
             color: theme.palette.primary.light,
         },
     }),
-    { name: 'Notification' }
+    { name: 'RaNotification' }
 );
 
 const Notification: React.FunctionComponent<
diff --git a/packages/ra-ui-materialui/src/layout/Sidebar.js b/packages/ra-ui-materialui/src/layout/Sidebar.js
index 8c8ccf46071..a7792cae717 100644
--- a/packages/ra-ui-materialui/src/layout/Sidebar.js
+++ b/packages/ra-ui-materialui/src/layout/Sidebar.js
@@ -41,7 +41,7 @@ const useStyles = makeStyles(
             },
         },
     }),
-    { name: 'Sidebar' }
+    { name: 'RaSidebar' }
 );
 
 const Sidebar = ({ children, closedSize, size, ...rest }) => {
diff --git a/packages/ra-ui-materialui/src/layout/TopToolbar.js b/packages/ra-ui-materialui/src/layout/TopToolbar.js
index 625fb0ee036..f901e30a7c4 100644
--- a/packages/ra-ui-materialui/src/layout/TopToolbar.js
+++ b/packages/ra-ui-materialui/src/layout/TopToolbar.js
@@ -26,7 +26,7 @@ const useStyles = makeStyles(
             },
         },
     }),
-    { name: 'TopToolbar' }
+    { name: 'RaTopToolbar' }
 );
 
 const TopToolbar = ({ className, children, ...rest }) => {
diff --git a/packages/ra-ui-materialui/src/list/BulkActionsToolbar.js b/packages/ra-ui-materialui/src/list/BulkActionsToolbar.js
index 18888ccef39..9195b515554 100644
--- a/packages/ra-ui-materialui/src/list/BulkActionsToolbar.js
+++ b/packages/ra-ui-materialui/src/list/BulkActionsToolbar.js
@@ -38,7 +38,7 @@ const useStyles = makeStyles(
             flex: '0 0 auto',
         },
     }),
-    { name: 'BulkActionsToolbar' }
+    { name: 'RaBulkActionsToolbar' }
 );
 
 const BulkActionsToolbar = ({
diff --git a/packages/ra-ui-materialui/src/list/Datagrid.js b/packages/ra-ui-materialui/src/list/Datagrid.js
index cc6546db579..660716d8160 100644
--- a/packages/ra-ui-materialui/src/list/Datagrid.js
+++ b/packages/ra-ui-materialui/src/list/Datagrid.js
@@ -53,7 +53,7 @@ const useStyles = makeStyles(
             transform: 'rotate(0deg)',
         },
     }),
-    { name: 'Datagrid' }
+    { name: 'RaDatagrid' }
 );
 
 /**
diff --git a/packages/ra-ui-materialui/src/list/DatagridHeaderCell.js b/packages/ra-ui-materialui/src/list/DatagridHeaderCell.js
index 01f3a0396d1..487217f3f6f 100644
--- a/packages/ra-ui-materialui/src/list/DatagridHeaderCell.js
+++ b/packages/ra-ui-materialui/src/list/DatagridHeaderCell.js
@@ -20,7 +20,7 @@ const useStyles = makeStyles(
             },
         },
     },
-    { name: 'DatagridHeaderCell' }
+    { name: 'RaDatagridHeaderCell' }
 );
 
 export const DatagridHeaderCell = ({
diff --git a/packages/ra-ui-materialui/src/list/DatagridLoading.js b/packages/ra-ui-materialui/src/list/DatagridLoading.js
index 3d52021ffe4..2f0d00a6b60 100644
--- a/packages/ra-ui-materialui/src/list/DatagridLoading.js
+++ b/packages/ra-ui-materialui/src/list/DatagridLoading.js
@@ -18,7 +18,7 @@ const useStyles = makeStyles(
             display: 'flex',
         },
     }),
-    { name: 'DatagridLoading' }
+    { name: 'RaDatagridLoading' }
 );
 
 const Placeholder = ({ classes: classesOverride }) => {
diff --git a/packages/ra-ui-materialui/src/list/Filter.js b/packages/ra-ui-materialui/src/list/Filter.js
index dabd71c963e..d422d709ec0 100644
--- a/packages/ra-ui-materialui/src/list/Filter.js
+++ b/packages/ra-ui-materialui/src/list/Filter.js
@@ -11,7 +11,7 @@ const useStyles = makeStyles(
         button: {},
         form: {},
     },
-    { name: 'Filter' }
+    { name: 'RaFilter' }
 );
 
 const Filter = props => {
diff --git a/packages/ra-ui-materialui/src/list/FilterButton.js b/packages/ra-ui-materialui/src/list/FilterButton.js
index 8c18b3aaff0..2b701e412f4 100644
--- a/packages/ra-ui-materialui/src/list/FilterButton.js
+++ b/packages/ra-ui-materialui/src/list/FilterButton.js
@@ -13,7 +13,7 @@ const useStyles = makeStyles(
     {
         root: { display: 'inline-block' },
     },
-    { name: 'FilterButton' }
+    { name: 'RaFilterButton' }
 );
 
 const FilterButton = ({
diff --git a/packages/ra-ui-materialui/src/list/FilterForm.js b/packages/ra-ui-materialui/src/list/FilterForm.js
index e7cd52f653a..bcc744ee23e 100644
--- a/packages/ra-ui-materialui/src/list/FilterForm.js
+++ b/packages/ra-ui-materialui/src/list/FilterForm.js
@@ -20,7 +20,7 @@ const useStyles = makeStyles(
         },
         clearFix: { clear: 'right' },
     }),
-    { name: 'FilterForm' }
+    { name: 'RaFilterForm' }
 );
 
 const sanitizeRestProps = ({
diff --git a/packages/ra-ui-materialui/src/list/FilterFormInput.js b/packages/ra-ui-materialui/src/list/FilterFormInput.js
index b7ec416018b..e83cc95ebfa 100644
--- a/packages/ra-ui-materialui/src/list/FilterFormInput.js
+++ b/packages/ra-ui-materialui/src/list/FilterFormInput.js
@@ -17,7 +17,7 @@ const useStyles = makeStyles(
         spacer: { width: theme.spacing(2) },
         hideButton: {},
     }),
-    { name: 'FilterFormInput' }
+    { name: 'RaFilterFormInput' }
 );
 
 const FilterFormInput = ({
diff --git a/packages/ra-ui-materialui/src/list/List.js b/packages/ra-ui-materialui/src/list/List.js
index 425575935ba..fd371efe4e7 100644
--- a/packages/ra-ui-materialui/src/list/List.js
+++ b/packages/ra-ui-materialui/src/list/List.js
@@ -46,7 +46,7 @@ export const useStyles = makeStyles(
         },
         noResults: { padding: 20 },
     }),
-    { name: 'List' }
+    { name: 'RaList' }
 );
 
 const sanitizeRestProps = ({
diff --git a/packages/ra-ui-materialui/src/list/ListToolbar.js b/packages/ra-ui-materialui/src/list/ListToolbar.js
index 37a02a39ddd..37ef6ff8448 100644
--- a/packages/ra-ui-materialui/src/list/ListToolbar.js
+++ b/packages/ra-ui-materialui/src/list/ListToolbar.js
@@ -26,7 +26,7 @@ const useStyles = makeStyles(
             },
         },
     }),
-    { name: 'ListToolbar' }
+    { name: 'RaListToolbar' }
 );
 
 const defaultClasses = {}; // avoid needless updates
diff --git a/packages/ra-ui-materialui/src/list/PaginationActions.js b/packages/ra-ui-materialui/src/list/PaginationActions.js
index ec851afeab5..a89a44c8288 100644
--- a/packages/ra-ui-materialui/src/list/PaginationActions.js
+++ b/packages/ra-ui-materialui/src/list/PaginationActions.js
@@ -15,7 +15,7 @@ const useStyles = makeStyles(
         },
         hellip: { padding: '1.2em' },
     }),
-    { name: 'PaginationActions' }
+    { name: 'RaPaginationActions' }
 );
 
 function PaginationActions({
diff --git a/packages/ra-ui-materialui/src/list/SimpleList.js b/packages/ra-ui-materialui/src/list/SimpleList.js
index a494be04038..0ab242d6b00 100644
--- a/packages/ra-ui-materialui/src/list/SimpleList.js
+++ b/packages/ra-ui-materialui/src/list/SimpleList.js
@@ -19,7 +19,7 @@ const useStyles = makeStyles(
         },
         tertiary: { float: 'right', opacity: 0.541176 },
     },
-    { name: 'SimpleList' }
+    { name: 'RaSimpleList' }
 );
 
 const LinkOrNot = ({
diff --git a/packages/ra-ui-materialui/src/list/SingleFieldList.js b/packages/ra-ui-materialui/src/list/SingleFieldList.js
index 01683ea4f34..db8b37dfab5 100644
--- a/packages/ra-ui-materialui/src/list/SingleFieldList.js
+++ b/packages/ra-ui-materialui/src/list/SingleFieldList.js
@@ -16,7 +16,7 @@ const useStyles = makeStyles(
             marginBottom: -theme.spacing(1),
         },
     }),
-    { name: 'SingleFieldList' }
+    { name: 'RaSingleFieldList' }
 );
 
 // useful to prevent click bubbling in a datagrid with rowClick