inflearn logo
강의

Course
Instructor

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

Putting user information in context (3)

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

572

tmdrbwk3

1 asked

0

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

Answer 4

1

zlrz67061838

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

0

mil89kis

도움이 되었습니다

0

newdaywgracelee4794 

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

0

puma18003806

혹시 어떻게 고치셧나요? ㅠ

0

newdaywgracelee4794

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

0

John Ahn

안녕하세요 !!!

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

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

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

감사합니다.

0

tmdrbwk3

해결했습니다! AuthProvider 로 감싸주지 않아서 생긴 에러였네요 ㅠㅠ

toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.

0

117

2

쿠키 저장이 되지 않습니다.

0

222

1

AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE', (2)

0

580

1

AxiosError {message: 'Request failed with status code 401/500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE',

0

647

1

overload 에러

0

169

1

docker compose up 오류

0

206

1

부록) remark 강의 중 parmas 오류

0

139

1

3000번은 잘 들어가지는데 80번은 안됩니다.

1

292

0

커뮤니티를 올리고 난 후 404 page

0

209

1

tailwind css 문제인지, className 에 적용한 css가 적용되지 않아요.

0

1039

2

tsx 수정 시 마다 빌드 후 서버 시작 해야하나요?

0

651

2

useState 쳤을 때 자동완성 되는 단축키 무엇인가요? extention 인가요?

0

804

2

리액트 서버 npm run dev 와 npm run build 후 npm start 의 차이

0

4587

2

data 폴더가 생성되지 않아요.

0

524

1

docker-compose up 오류

0

814

1

회원 가입 페이지 기능 생성(3) 중 에러

0

379

2

Entity에 toJSON 코드 입력 후 404 에러

0

252

1

context에서 useEffect 선언 부분 질문 있어요.

0

294

1

src 폴더구조

0

509

2

서버 실행 시 에러 관련하여 답변받고 1차 조치했는데 여전하여서 질문 남깁니다

0

298

1

엔티티 모두 작성 후 서버 실행 시 에러가 발생합니다

0

311

1

회원가입 누르면 404에러가 뜹니다 ;-;

1

421

1

nextjs버젼에 대해서 질문드립니다.

0

372

1

<npm run dev>시 -61 에러가 나타납니다!

0

355

1