Merge pull request #7630 from andrico1234/bugfix/allow-styleoverrides…

…-for-simpleformiterator Bugifx: Allow style overrides for SimpleFormIterator
marmelab · May 5, 2022 · f0d6b3a · f0d6b3a
2 parents c769bed + 0b378b9
commit f0d6b3a
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/ra-ui-materialui/src/input/ArrayInput/SimpleFormIterator.tsx b/packages/ra-ui-materialui/src/input/ArrayInput/SimpleFormIterator.tsx
@@ -16,7 +16,10 @@ import { RaRecord } from 'ra-core';
 import { UseFieldArrayReturn } from 'react-hook-form';
 
 import { useArrayInput } from './useArrayInput';
-import { SimpleFormIteratorClasses } from './useSimpleFormIteratorStyles';
+import {
+    SimpleFormIteratorClasses,
+    SimpleFormIteratorPrefix,
+} from './useSimpleFormIteratorStyles';
 import { SimpleFormIteratorContext } from './SimpleFormIteratorContext';
 import {
     DisableRemoveFunction,
@@ -176,7 +179,10 @@ export interface SimpleFormIteratorProps extends Partial<UseFieldArrayReturn> {
     source?: string;
 }
 
-const Root = styled('ul')(({ theme }) => ({
+const Root = styled('ul', {
+    name: SimpleFormIteratorPrefix,
+    overridesResolver: (props, styles) => styles.root,
+})(({ theme }) => ({
     padding: 0,
     marginBottom: 0,
     '& > li:last-child': {