edit

  <Controller
                  control={control}
                  name="taxes"
                  // defaultValue={{ label: showClientDetails?.typeNote }}
                  rules={{
                    required: 'Please enter something',
                  }}
                  render={({ field: { onChange, value }, fieldState: { error } }) => (
                    <Autocomplete
                      onChange={(event, item) => {
                        onChange(item?.label);
                      }}
                      value={value ?? (showClientDetails && showClientDetails?.typeNote)}
                      // defaultValue={{ label: showClientDetails?.typeNote }}
                      // defaultValue={showClientDetails?.typeNote}
                      options={[{ label: 'Natural person' }, { label: 'Legal entity' }]}
                      sx={{ width: '270px' }}
                      getOptionLabel={(option) => {
                        console.log(value, option, showClientDetails?.typeNote, 55);
                        return showClientDetails && (option.label ?? option);
                      }}
                      isOptionEqualToValue={(option: { label: string }, value: { label: string }) =>
                        value.label === undefined || option.label === value.label
                      }
                      renderInput={(parameters) => (
                        <TextField
                          {...parameters}
                          variant="outlined"
                          sx={{ p: 0 }}
                          label="Tax status *"
                          placeholder="Please choose ..."
                          size="small"
                          error={!!error}
                          helperText={error?.message}
                        />
                      )}
                    />
                  )}
                />