Remove the default variant style, fix type issue (#97)

stackworx · Aug 21, 2019 · 41820fb · 41820fb
1 parent 4609fb2
commit 41820fb
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/TextField.tsx b/src/TextField.tsx
@@ -5,12 +5,15 @@ import MuiTextField, {
 import { FieldProps, getIn } from 'formik';
 
 export type TextFieldProps = FieldProps &
-  Omit<MuiTextFieldProps, 'error' | 'name' | 'onChange' | 'value'>;
+  Omit<MuiTextFieldProps, 'error' | 'name' | 'onChange' | 'value'> & {
+    // Fix for the type for variant which is using union
+    // https://stackoverflow.com/questions/55664421
+    variant: 'standard' | 'filled' | 'outlined' | undefined;
+  };
 
 export const fieldToTextField = ({
   field,
   form,
-  variant = 'standard',
   disabled,
   ...props
 }: TextFieldProps): MuiTextFieldProps => {
@@ -23,7 +26,6 @@ export const fieldToTextField = ({
   return {
     ...props,
     ...field,
-    variant,
     error: showError,
     helperText: showError ? fieldError : props.helperText,
     disabled: disabled != undefined ? disabled : isSubmitting,