Cannot read property 'dispatch' of u... - 인프런

[리뉴얼] React로 NodeBird SNS 만들기

서버사이드렌더링 준비하기

Cannot read property 'dispatch' of undefined

작성

284

export const getServerSideProps = wrapper.getServerSideProps(async (context) => {
  context.store.dispatch({
    type: LOAD_USER_REQUEST,
  })
  context.sotre.dispatch({
    type: LOAD_POSTS_REQUEST,
  })
  context.store.dispatch(END)
  await context.sotre.sagaTask.toPromise()
})

위 코드를 실행했을 때

dispatch of undefined라는 오류가 뜹니다.

configureStore.js 에서 store와 dispatch의 log를 찍어보면 잘 나오는데 왜 저런 오류가 뜨는걸까요?

redux의 전은 6이에요.

Next.js express nodejs redux react

답변 2

ChangKeun Ji

export const getServerSideProps = wrapper.getServerSideProps(
  (store) => async () => {
    store.dispatch({
      type: LOAD_MY_INFO_REQUEST,
    });

    store.dispatch({
      type: LOAD_POSTS_REQUEST,
    });

    // REQUEST 가 saga 에서 SUCCESS 될 때까지 기다려준다
    store.dispatch(END);
    await store.sagaTask.toPromise();
  }
);

ChangKeun Ji

위 같이 해보세요

제로초(조현영)

지식공유자

저분의 원인은 sotre 오타였습니다 ㅎㅎ

7버전에서는 올려주신 코드대로 하면 됩니다.

JoSeph Kim

감사합니다

제로초(조현영)

지식공유자

redux말고 next-redux-wrapper 버전이 6 맞으신가요?

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

Cannot read property 'dispatch' of undefined