reactjs - React.useContext と縮小された React エラー #321;

Question

私はコンテキストを持っています:

export const AppConstArrays = createContext({
    neededHours: [],
    setNeededHours: (neededHours: INeededHours[]) => { },
    serviceTypes: [],
    setServiceserviceTypes: (serviceTypes:IServiceTypes[]) => { },
});

エラーなしで動作するデータ サービスで set 関数を使用できます。

ArraysState.setNeededHours(neededHours);
ArraysState.setServiceserviceTypes(services);

他で使おうとすると、

export default function reCalc(index:number) {  //This is not a function component?
    const ArraysState = React.useContext(AppConstArrays);

}

tslinter は問題ありませんが、実行時に厄介な 321 が返されます :-)

sp-webpart-workbench-assembly_en-us_8439e1230cb8ca442df6f89cf19f89a6.js:1 Uncaught Invariant Violation: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321
Hooks can only be called inside of the body of a function component

正直なところ、.ts ファイルで使用しているため、どこにもプロバイダーがありません。ありがとうございます