인프런 커뮤니티 질문&답변

tmdrbwk3

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

유저 정보 Context에 담아주기(3)

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

작성

540

TypeError: dispatch is not a function

at _callee$ (login.tsx?11e1:20:10)

at tryCatch (runtime.js?ecd4:45:16)

at Generator.invoke [as _invoke] (runtime.js?ecd4:274:1)

at prototype.<computed> [as next] (runtime.js?ecd4:97:1)

at asyncGeneratorStep (_async_to_generator.mjs?949a:3:1)

at next (async_to_generator.mjs?949a:25:1)

라는 에러가 뜨는데 어디가 문젠지 모르겠습니다.. ㅠ

docker postgresql typescript react nodejs 클론코딩 Next.js

답변 4

땅떨짱

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

mil89kis

도움이 되었습니다

호로록

// 제 코드입니다. ㅠㅠ 
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>
  );
};