[TypeScript] Support custom variant to TextField

[sm2017]

In TypeScript there is no way to add variant to TextField, there is no TextFieldPropsVariantOverrides or BaseTextFieldPropsVariantOverrides

Is there any temporary workaround?

declare module '@mui/material/TextField' {
  interface TextFieldPropsVariantOverrides {
    dashed: true;
  }
}

[michaldudak]

@mnajdova, you're more familiar with this area. Would you mind checking this?

[mnajdova]

The TextField component does not support the dynamic variants, as the structure of the component depends on this prop - for e.g. different input component is rendered based on the variant prop. We are tracking this issue in #22259, please upvote it.

[mnajdova]

Related to #37846

[Parvin-Gasimli]

declare module '@mui/material/TextField' {
interface TextFieldPropsVariantOverrides {
dashed: true;
}
} this module is depricated

using this example
import { TextField, TextFieldProps } from "@mui/material";
interface CustomTextField {}
export const CustomTextField: FC<TextFieldProps & CustomTextField> = ({
className,
...props
}) => {
return <TextField className={clsx(styles.root, className)} {...props} />;
};