• 1000
Вот пример проблемы здесь, на CodeSandbox .
Очевидно, что трудно говорить о проблеме, не перепубликуя здесь весь код, но ключевые моменты:
Root:
function App() {
const [state, dispatch] = useReducer(reducer, initialState);
const value = { state, dispatch };
return (
<Context.Provider value={value}>
...
</Context.Provider>
Дочерний:
export const Page1: FC = () => {
const { dispatch, state } = useContext(Context);
const { isLoading } = state;
useEffect(() => {
dispatch({
type: "loading",
payload: false
});
}, [dispatch]);
return (...)
Вероятно, мне не хватает чего-то очевидного, но любые указатели могут помочь другим которые сталкиваются с той же проблемой.
Полный пример на CodeSandbox .