Fix InputProps defined in muiSearchTextFieldProps overwrited default …

…InputProps (#824)
KevinVandy · Dec 5, 2023 · 03e7ca8 · 03e7ca8 · vercel · Dec 5, 2023
1 parent 1d207cb
commit 03e7ca8
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/packages/material-react-table/src/inputs/MRT_GlobalFilterTextField.tsx b/packages/material-react-table/src/inputs/MRT_GlobalFilterTextField.tsx
@@ -92,6 +92,16 @@ export const MRT_GlobalFilterTextField = <TData extends MRT_RowData>({
       unmountOnExit
     >
       <TextField
+        inputProps={{
+          autoComplete: 'new-password', // disable autocomplete and autofill
+          ...textFieldProps.inputProps,
+        }}
+        onChange={handleChange}
+        placeholder={localization.search}
+        size="small"
+        value={searchValue ?? ''}
+        variant="outlined"
+        {...textFieldProps}
         InputProps={{
           endAdornment: (
             <InputAdornment position="end">
@@ -134,16 +144,6 @@ export const MRT_GlobalFilterTextField = <TData extends MRT_RowData>({
             ) as any),
           }),
         }}
-        inputProps={{
-          autoComplete: 'new-password', // disable autocomplete and autofill
-          ...textFieldProps.inputProps,
-        }}
-        onChange={handleChange}
-        placeholder={localization.search}
-        size="small"
-        value={searchValue ?? ''}
-        variant="outlined"
-        {...textFieldProps}
         inputRef={(inputRef) => {
           searchInputRef.current = inputRef;
           if (textFieldProps?.inputRef) {