useAuthContext 에서 dispatch 를 사용할 때 에러가 나요.

Context와 dispatch에 타입을 잘 넣어주시면 됩니다 :)찾으신것처럼 Context에 타입을 null로 주셔서 아무것도 없는데 dispatch를 꺼내쓰려고 해서 생긴 오류입니다. 참고할만한 예제 코드를 드리겠습니다. 연습해보시고 적용하시면 좋을듯 해요. 화이팅입니다! import { Dispatch, createContext, useContext, useReducer } from 'react'; type Action = { type: 'increment' } | { type: 'decrement' }; function counterReducer(state: number, action: Action): number { switch (action.type) { case 'increment': return state + 1; case 'decrement': return state - 1; default: throw new Error('Unhandled action type'); } } const initialState = 0; type CounterContextType = { state: number; dispatch: Dispatch; }; const CounterContext = createContext({ state: initialState, dispatch: () => {}, }); function CounterProvider(props: { children }) { const [state, dispatch] = useReducer(counterReducer, initialState); const value = { state, dispatch }; return ; } function useCounterContext(){ const context = useContext(CounterContext); return context } function Counter() { const {state, dispatch} = useCounterContext(); const handleIncrement = () => dispatch({ type: 'increment' }); const handleDecrement = () => dispatch({ type: 'decrement' }); return ( {state} + - ); } function App() { return ( ); } export default App;