Как я могу использовать controll в react-hook-form когда у меня много селектов?

Question

[ceeed]

У меня в приложении используется много селектов, я использую библиотеку react-hook-form. Я достаю из хука useForm control.
const {control} = useForm();

Далее я использую несколько компонентов SELECT, переданные в пропс render компонента controller. Так-же controller принимает в себя пропс control, и когда я передаю туда тот control который достал из useForm у меня работает только один SELECT. Как я могу использовать несколько SELECT с несколькими controller's?

Пример моего 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>

Comments

[Klein Maximus]

По коду у Вас только один селект. Покажите полный код.