Когда я пытаюсь открыть select то у меня зависает менюшка с вариантом выбора, как это исрпавить?

Я пытаюсь открыть select и выбрать данные, но в этот момент просто зависает сама меню и я не могу ничего сделать. Как только я делаю другой формат, то все становится нормально. Подробнее в гифке. Использую react-hook-form.

Пример select

                <div className="offset-top-10">
                    <Controller
                        name="category"
                        control={control}
                        rules={{
                            required: {
                                value: true,
                                // message: t("validations.required", { ns: "common" }),
                            },
                        }}
                        render={({ field: { onChange, value } }) => (
                            <Select
                                name="category"
                                value={value || t("store.placeholder.category")}
                                onChange={onChange}
                                label={t("store.category")}
                                labelSize="sm"
                                errors={errors}
                                fluid
                            >
                                {dataForCategoryShop.map((category) => (
                                    <Select.Option key={category._id} value={category._id}>
                                        {category.title}
                                    </Select.Option>
                                ))}
                            </Select>
                        )}
                    />
                </div>