Как исправить ошибку "Тип Х должен иметь метод «[Symbol.iterator]()», который возвращает итератор"?

Question

[Елена]

type UseUserData = {}

const CurrentUserContext = React.createContext<UseUserData>([]);

const [userData, setUserData] = useState<UserType[]>([]);

  useEffect(() => {
    api.userData().then((jes) => setUserData([...userData, ...jes]))
  }, [])

<CurrentUserContext.Provider value={[userData, setUserData]}>
</CurrentUserContext.Provider>

const [userData, setUserData] = useContext(CurrentUserContext) // Здесь ошибка

Answer 1

[Alexandroppolus]

а если так?

type UseUserData = [UserType[], (v: UserType[]) => void]

Comments

[Елена]

Alexandroppolus теперь ему надо как-то передавать параметры

[WbICHA]

Елена, [[], () => {}]
Или в тип юнионом андефайнд/нулл добавить.

[Елена]

WbICHA, моей тормознутости можно позавидовать) Спасибо)

[WbICHA]

Елена, единственное таки в дефолтную функцию лучше хотя бы логгер запихнуть, на случай если по какой-то неведомой причине контекст не передастся, а то сейчас никаких ошибок и прочего не будет, потом гадай что и где не так.

[Alexandroppolus]

WbICHA, проще так

React.createContext<UseUserData>(null as unknown as UseUserData)

и сразу будет ошибка, если забыт провайдер