useContext() returns undefined

Question

I\'m running into an issue which is super frustrating and I can\'t figure out whats going on. I have a simple context as shown here:

import React, { useState, cr         


        

Answer 1

You are importing AppStateContextProvider

change import AppStateContext from "../contexts/AppStateContext";

to import { AppStateContext } from "../contexts/AppStateContext";