[ TypeScript ] TypeError: Cannot destructure property 'ReactCurrentDispatcher' of 'react__WEBPACK_IMPORTED_MODULE_0___default(...).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' as it is undefined.

꾸준히·2025년 4월 26일

TroubleShooting

목록 보기
5/6

TypeError: Cannot destructure property 'ReactCurrentDispatcher' of 'reactWEBPACKIMPORTED_MODULE_0default(...).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' as it is undefined.

에러의 원인일 수 있는 경우

  • react 라이브러리 버전 문제
  • react-dom이랑 react 버전이 안 맞을 때
  • webpack 설정이 꼬였을 때
  • 라이브러리 설치가 이상하게 되었을 때

해결

  • node_modules 삭제하고 재설치
  • react, react-dom 버전 확인
  • 설치된 라이브러리들의 호환성 여부 확인

나의 경우는 reactreact-dom 버전 문제

// package.json
{
	...,
    "react": "^19.1.0",
    "react-dom": "^19.1.0",
    "react-scripts": "^5.0.1",
    ...
}
  • react-scriptsreact 19를 지원을 안해서 호환성 문제 발생
  • 해결
    • react 다운그레이드
      npm install react@18.2.0 react-dom@18.2.0

0개의 댓글