document.querySelector('.menu__field  .container') ??

Ваше приложение воспринимает default как функцию, которой нет, поэтому, как подсказывает сама ошибка, вам надо написать интерфейс, где вы определите тип данных, для JS и JSX есть специальная библиотека https://www.npmjs.com/package/prop-types
Которая работает с прототипами и типизацией данных

падажжи, а куда копать не сказали?

да, везде пишут что это плохо использовать, но как быть в моем случае, мне нужно как то решить задачу(

не знал о таком синтаксисе.. догадывался, но не был уверен
стыдно теперб

спасибо!

В смысле, что плохо испльзовать?

в импорты

Там css селекторы, всё что можно в цсс селекторе можно и там

ну для этого Set не подходит

а, окей

лучше обычные массивы

А изначальная задача-то какая?

Ну сделай

new Set([...oldSet].unshift(val, val))

Ой, не

new Set([newVal, newVal, ...oldSet])

document.querySelector - Если вам очень хочется работать с window или document
Изучите циклы жизни в React JS
Вы не можете получить window или document до того, как отрисуется DOM дерево, получается, вы запрашиваете DOM дерево, которого ещё нет, вот реакт и ругается,
чтобы получить window или document можете использовать хук
useEffect, в нём и пишите ваш JS код, тогда будет работать, но не забывайте отписываться от события, так  как это может вызвать ошибку и утечку памяти.

this потерять - классика

мне нужно сделать что то типа такого?
const newVal = [...this.items];
const mySet = new Set([newVal,  а что такое oldSet])
и добавлять новый инпут this.items.add(this.emptyField())

У тебя там ещё и инпуты какие-то? Я не читал просто, увидел толкьо что тебе надо аншифт сета