dispatch("LOGIN",res.data?.user); 쪽에서 에러가 뜹니다 ㅜ

그림과 같이 .app.tsx파일을 AuthProvider로 감싸주면 정상적으로 동작합니다!

// 제 코드입니다. ㅠㅠ 
export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
  const [state, defaultDispatch] = useReducer(reducer, {
    user: null,
    authenticated: false,
    loading: true,
  });

  const dispatch = (type: string, payload?: any) => {
    defaultDispatch({ type, payload });
  };

  return (
    <DispatchContext.Provider value={dispatch}>
      <StateContext.Provider value={state}>{children}</StateContext.Provider>
    </DispatchContext.Provider>
  );
};

tmdrbwk3님 해결방법 공유 가능하실까요? ㅠㅠ 저도 동일한 에러가 발생하는데 못 찾겠네요... 미리 감사드립니다.

안녕하세요 !!!

import { useAuthDispatch, useAuthState } from "../context/auth"; const Login = () => { const dispatch = useAuthDispatch();

아마 이 부분을 안 넣어주신 거 같습니다

이 부분 추가 후 다시 해주세요 ^^

감사합니다.