React-hook-form useWatch не берет значения из defaultValues формы

Есть форма из чекбоксов, их состояние храню в контексте и использую в качестве defaultValues.

const [selectedTags, setSelectedTags] = useDashboardStoreProvider((store) => store.tagsList);

const form = useForm({defaultValues: selectedTags});
const watcher = useWatch(form)

В другой компоненте, получаю состояние и пытаюсь изменить его.

 const handleDeleteTag = (tag: string) => {
 const newTagsList: ITagsListContext = {
        ...tagsList,
        selectedTags: {
            ...tagsList.selectedTags,
            [tag]: false
        }
    }
setTagsList({tagsList: newTagsList})

Обновленное состояние приходит в defaultValues, но watcher почему-то держит старое состояние и соответственно обратно выставляет его в форму. То есть у меня watcher игнорирует defaultValues, но при прямом взаимодействии с формой все работает как надо.


Ответы (0 шт):