Cant reset form with react-select and typescript

[rollergod]

Hello. I have a form with a select->

Problem

I have react-select fields for selecting values and there is a method that should clear the form. The method sets the default values, but visually the values in selects remain. Example in the picture.

Form

const { register, handleSubmit, reset, control, resetField } = useForm({
        defaultValues: {
            Units: '',
        }
    });
    
const filtersRef = useRef<{ unitIds?: [] }>({ unitIds: [] });
let unitOptions: UnitOption[] = [];
if (filterModel.data !== null) {
    unitOptions = filterModel.data.units.map((unit) => {
        return { value: unit.id, label: unit.name };
    });
}

<Form onSubmit={handleSubmit(applyFilter)}>
    <Col xs={3}>
        <FormGroup className="w-100 mx-2">
            <FormLabel>Organization</FormLabel>
            <Controller
                control={control}
                name="Units"
                render={({ field: { onChange, value } }) => (
                    <Select
                        isMulti
                        closeMenuOnSelect={false}
                        placeholder={'Select organization'}
                        options={unitOptions}
                        defaultValue={unitOptions.find((c) => c.value.toString() === value)}
                        onChange={(option) => {
                            if (option === null) {
                                onChange(null);
                                return;
                            }
                            onChange(option.map((el) => el.value));
                        }}
                    />
                )}
            />
        </FormGroup>
    </Col> 
</Form>

Method that should set default values to inputs

 const clearFilters = (form) => {
    reset({ Units: '' }, { keepValues: false, keepDefaultValues: false })
    filtersRef.current = { // some data 
        startDate: filterStartDate,
        endDate: filterEndDate,
        withCustomers: checkBoxes.customerVisible
    };

    getDataAsync(filtersRef.current); // api
}

Sandbox - https://codesandbox.io/embed/determined-kowalevski-2kvkcf?fontsize=14&hidenavigation=1&theme=dark