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

just kim님의 프로필 이미지
just kim

작성한 질문수

코드로 배우는 React with 스프링부트 API서버

리덕스 툴킷 설정

Redux에서 <provider >사용시 오류 -Cannot read properties of undefined (reading ‘getState’)

작성

·

60

0

안녕하세요 열심히 강의 듣고 있습니다.

거의 중 후반까지 왔어요. jwt 강의 까지 듣고 많은걸 알게 되어서 많이 기쁩니다. 자신감이 많이 생겼네요.

(참고로 java는 잘 못해서 kotlin으로 다 컨버팅 했네요 .... )

https://github.com/justkjy/apiserver

컨버팅 작업 하니깐 2번 듣게 되고 정확하게 이해가 되네요 ...

== 본론 ===

리덕스 툴킷 설정 강의에서 알려주신 코드를 따라 쳤는데 에러가 났어요..

const root = ReactDOM.createRoot(document.getElementById('root'));
//  root.render(
//      <Provider strote={store}>
//          <App />
//      </Provider>

//  );
root.render(
        <App />

);

Cannot read properties of undefined (reading ‘getState’)

 

그래서 provider를 지워라고 하네요...

이게 맞나요??

인프런 이슈 정보에도 지워라고 하긴 하는데

===========

https://www.inflearn.com/community/questions/36034/%EC%A0%9C%EB%A1%9C%EC%B4%88%EB%8B%98-%EC%BD%94%EB%93%9C%EB%A5%BC-%EB%94%B0%EB%9D%BC%EC%84%9C%EB%8F%84-%EA%B7%B8%EB%8C%80%EB%A1%9C-%EB%B3%B5%EC%82%AC%ED%96%88%EB%8A%94%EB%8D%B0-%EC%9D%B4-%EB%AC%B4%EC%8A%A8%EC%97%90%EB%9F%AC%EC%9D%B8%EA%B0%80%EC%9A%94-%EB%AA%87%EC%9D%BC%EC%A7%B8-%ED%95%B4%EA%B2%B0-%EB%AA%BB%ED%95%98%EA%B3%A0-%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4

=================================

 

저렇게 하면 강의 따라 가는데 문제가 없을까요?

리덕스 툴킷 설정

답변 1

0

구멍가게코딩단님의 프로필 이미지
구멍가게코딩단
지식공유자

Provider를 이용해서 store를 지정하는 부분은

전체 어플리케이션 내에서 하나의 store를 사용하도록 만들기 위해서 감싸는 역할을 하기 때문에

필요합니다.

해당 부분은 리덕스툴킷의 버전의 호환성 때문일 가능성이 높습니다.

예제에서 사용하는 라이브러리 (package.json)의 일부를 한번 아래와 같이 변경해 보시면 좋겠습니다.

 

    "react": "^18.2.0",
    "react-cookie": "^6.1.1",
    "react-dom": "^18.2.0",
    "react-redux": "^8.1.3",

 최신 버전에도 문제가 있지는 않네요..

"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-redux": "^9.1.2"
just kim님의 프로필 이미지
just kim

작성한 질문수

질문하기