Я пытаюсь использовать корневое хранилище для доступа к двум различным магазинам в моем реактивном проекте. RoorStore.ts ={amp}gt;

import ExtractionStore from "./extractionStore"; import UserStore from "./userStore"; import { createContext } from "vm"; export class RootStore { extractionStore: ExtractionStore; userStore: UserStore; constructor() { this.extractionStore = new ExtractionStore(this); this.userStore = new UserStore(this); } } export const RootStoreContext = createContext(new RootStore()); 

Однако при попытке вставить его в мой компонент я получаю сообщение об ошибке:

Компонент TSX ={amp}gt;

  const ExtractionDashboard: React.FC = () ={amp}gt; { const rootStore = useContext(RootStoreContext); const { loadWorkList, loadingInitial } = rootStore.extractionStore; 

Ошибка:

 Argument of type 'Context' is not assignable to parameter of type 'Context{amp}lt;unknown{amp}gt;'. Type 'Context' is missing the following properties from type 'Context{amp}lt;unknown{amp}gt;': Provider, Consumer TS2345 7 | 8 | const ExtractionDashboard: React.FC = () ={amp}gt; { {amp}gt; 9 | const rootStore = useContext(RootStoreContext); | ^ 10 | const { loadWorkList, loadingInitial } = rootStore.extractionStore; 11 | 12 | useEffect(() ={amp}gt; { 

Вы правильно импортируете функцию createContext

Что у тебя есть

 import { createContext } from "vm"; 

Что вы должны иметь

 import { createContext } from "react";