Code QuizIntermediate

Swapped State and Dispatch Contexts

Find the mix-up when splitting state and dispatch into two separate contexts.

Codejavascript

const StateContext = createContext();
const DispatchContext = createContext();

function TodoProvider({ children }) {
  const [state, dispatch] = useReducer(reducer, []);
  return (
    <StateContext.Provider value={dispatch}>
      <DispatchContext.Provider value={state}>
        {children}
      </DispatchContext.Provider>
    </StateContext.Provider>
  );
}

What is the bug in this provider setup?

← PreviousInverted Guard in Custom Context Hook Next →Reducer Missing Default Case