Ветка для работы - refactor/filter
3. Избавиться от div и form. Пока фильтр не открыт - это просто КНОПКА. Не нужно обрабатывать работу с формой
2. Работа с формой должна переехать в компонент FilterCover.
3. В идеале - FilterWrapper и FilterCover должны принимать в качестве пропса filterMenu просто объект items. Сделать корректную типизацию:

export interface IFilterValues {
  categories?: string[];
  searchRadius?: string;
  sortBy?: string;
  date?: string;
  time?: string[];
  userCategories?: string[];
}

export interface FilteringProps {
  items: {
    [key in keyof IFilterValues]?: boolean;
  };
  setFilteres?: (date: IFilterValues) => void;
  notFoundFilter?: never;
}

Важно. После правки выше нужно поменять пропсы у filter. Например. Было:

<Filter
              items={{
                sort: true,
                categories: true,
                radius: false,
                date: false,
              }}
              setFilteres={setInfoFilterTasks}
            />

стало:

<Filter
              items={{
                sortBy: true,
                categories: true,
                searchRadius: false,
                date: false,
              }}
              setFilteres={setInfoFilterTasks}
            />

5. В FilterWrapper из пропсов должен принимать:- filterMenu (взять тип из IFilterValues)

• setFilteres

5. В FilterCover пропсов должен принимать:

• filterMenu (взять тип из FilterProps)
• setFilteres
• closeFilterMenu
• position

6. Рефакторинг FilterCover.

• Если пункты выше были корректно выполнены, то в компонент сейчас приходит объект items со следующим типом:

{
  categories: string[];
  searchRadius: string;
  sortBy: string;
  date: string;
  time: string[];
  userCategories: string[];
}

В котором могут быть значения, которые не нужны нам в текущей форме. Как пример, в фильтр мы передаем объект:

{
  searchRadius: string;
  sortBy: string;
  time: string[];
}

Остальные дефолтные значения нам не нужны. Поэтому нужно написать функцию, которая будет принимать объект items и формировать из него корректные дефолтные значения.

• Выносим все названия компонентов с которыми работает форма в объект-конфиг. В идеале, вынести в defaultValues чтобы получился такой конфиг:

const defaultValues = {
  categories: { value: [], component: CategoriesBlock },
  searchRadius: { value: '', component: RadiusBlock },
  sortBy: { value: '', component: SortByBlock },
  date: { value: '', component: CalenderBlock },
  time: { value: [], component: TimeBlock },
  userCategories: { value: [], component: UserCategoriesBlock },
};

Функция выше в итоге должна вернуть { values, components }, где values - корректные значения, а components - корректные компоненты исходя из filterMenu пропса

• В FilterCover первым делом вызываем функцию выше и получаем данные для работы компонента. Примерно так:

const { values, components } = getDefaultValues(filterMenu);

// values -  передаём в хук useForm
// components  используем для построения блоков

• Во всех компонентах, с которыми работает форма должен сложиться единый формат пропсов, т.е. сами компоненты должны получать одинаковые ключи пропсов value и onChange, например:

// Было
interface TimeBlockProps {
  onChange: (value: string[]) => void;  
  filterTime: Array<string>;
}

// Стало
interface TimeBlockProps {
  onChange: (value: string[]) => void;
  value: Array<string>;
}

• В FilterCover формируем из components элементы формы (вместо { filterMenu }). Тут дам подсказку. Должно получиться примерно так:

{Object.keys(components).map((name, i) => (
            <Controller
              key={i}
              name={name as keyof IFilterValues}
              control={control}
              render={({ field }) => {
                const Component = components[name as keyof IFilterValues];

                return (
                  <Component onChange={field.onChange} value={field.value} />
                );
              }}
            />
          ))}