Не получается создать React Context при TypeScript

Объявляю контекст:

export const Context = React.createContext({})

Внук компонента выглядит так:

const { deleteRow } = useContext(Context)

В deleteRow возникает ошибка:

TS2339: Property 'deleteRow' does not exist on type '{}'.

Пробую починить с помощью интерфейса в контексте:

interface IContext {
    list: []
    deleteRow(content: IItem): void
}

export const AnimalContext = React.createContext<IContext>({})

Первая ошибка исчезает, но появляется другая ошибка:

TS2345: Argument of type '{}' is not assignable to parameter of type 'IContext'.

Естественно, это плохой вариант - создавать внутри значения по умолчанию объект по типу IContext, да и доступа к ним снаружи компонента всё равно нет.

Как это починить?


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