Cannot override defaultProps using variants

[fzaninotto]

What you were expecting:

Being able to set all inputs as outlined using a MUI theme:

const theme = {
    components: {
        MuiTextField: {
            defaultProps: {
                variant: 'outlined',
            },
        },
    },
};

What happened instead:

The inputs keep the filled variant.

Steps to reproduce:

I forked the simple example codesandbox to give it a custom theme:

https://codesandbox.io/s/cranky-bhabha-7xqjwy?file=/src/index.tsx

Forms and filters should use the outlined variant, but they don't

Related code:

In fact, defaultProps from the theme only work if there is no default value in the component code. But all our inputs define their variants and margins.

for instance, in ResettableTextField:

        const {
            clearAlwaysVisible,
            InputProps,
            value,
            resettable,
            disabled,
            variant = 'filled',
            margin = 'dense',
            className,
            ...rest
        } = props;

The default values for variant, margin and size should be defined in the default theme, not in the components.

Other information:

Environment

• React-admin version: 4.0.2
• Last version that did not exhibit the issue (if applicable): 3.19
• React version: 17
• Browser: Chrome