I am getting an error

"ForwardRef(InputBase) contains an input of type text with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props."

I have located the source of the bug to this piece of code (defaultValue="" to be specific). I was wondering how can I solve it without deleting defaultValue=""?

                <CustomInput
                  type="text"
                  onChange={props.handleChange}
                  onBlur={props.handleBlur}
                  value={props.values.search}
                  id="outlined-size-small"
                  defaultValue=""
                  variant="outlined"
                  size="small"
                  name="search"
                  label="Search"
                  disabled={props.isSubmitting}
                />