[ 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.

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 버전 확인
• 설치된 라이브러리들의 호환성 여부 확인

나의 경우는 react와 react-dom 버전 문제

// package.json
{
	...,
    "react": "^19.1.0",
    "react-dom": "^19.1.0",
    "react-scripts": "^5.0.1",
    ...
}

• react-scripts는 react 19를 지원을 안해서 호환성 문제 발생
• 해결
  • react 다운그레이드

    npm install react@18.2.0 react-dom@18.2.0