Error: Material-UI: The key `adornedStart` provided to the classes prop is not implemented in ForwardRef(Input).

[vaibhavarora14]

Error Screenshot -

Complete error message

Material-UI: The key `adornedStart` provided to the classes prop is not implemented in ForwardRef(Input).
You can only override one of the following: root,formControl,focused,disabled,colorSecondary,underline,error,marginDense,multiline,fullWidth,input,inputMarginDense,inputMultiline,inputTypeSearch.

Code sample used -

const inputBaseStyles = roundTextFieldStylesHook.useInputBase();
  const inputLabelStyles = roundTextFieldStylesHook.useInputLabel();


<TextField
                placeholder={'Search'}
                margin={'dense'}
                autoFocus
                InputLabelProps={{ shrink: true, classes: inputLabelStyles }}
                value={searchInput}
                InputProps={{
                  classes: inputBaseStyles,
                  disableUnderline: true,
                  startAdornment: (
                    <Box className={classes.searchIcon}>
                      <SearchIcon color="inherit" />
                    </Box>
                  ),
                  endAdornment: (
                    <>
                        <IconButton
                          className={classes.searchIcon}
                        >
                          <CancelIcon color="inherit" />
                        </IconButton>
                    </>
                  ),
                }}
                fullWidth
              />

[msherif988]

I am getting the same error any fix ?

[vaibhavarora14]

nope, I have not got any just ignoring it

[msherif988]

InputProps={{ classes: { ...inputBaseStyles, adornedEnd: null, adornedStart: null }, disableUnderline: true, }} add this to your InputProps its working for me