Как сделать повторно используемый компонент TextField MUI v5 с условным украшением

Я пытаюсь создать гибкий и повторно используемый компонент MUI v5 TextField, но не ясно, как установить по умолчанию endAdornment или startAdornment на InputProps в зависимости от условия.

Предполагается, что TextField имеет несколько состояний:

• По умолчанию - обычный ввод
• Ошибка - если TextField имеет ошибку, то endAdornment следует добавить с определенной иконкой
• Поиск - startAdornment следует добавить с определенной иконкой

На данный момент у меня есть только (и на самом деле я хочу, чтобы это работало так):

<StyledTextField
  error = {true}
/>

<StyledTextField
  someSearchProp = {true}
/>

Также я хочу сохранить возможность использовать TextField по умолчанию следующим образом:

<StyledTextField
  InputProps = {{
    startAdornment: (
      <InputAdornment position = "start">
        <SearchIcon />
      </InputAdornment>
    ),
  }}
/>

StyledTextField.tsx

const StyledTextField: React.FC<StyledTextFieldProps> = ({ ...props }) => (
  <TextField
    {...props}
    InputProps = {{
      endAdornment: (
        <InputAdornment position = "end">
          <InfoOutlinedIcon color = {'error'} />
        </InputAdornment>
      ),
    }}
  />
);

Ааа