[에러대백과] __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.createPortal is not a function

 

 

 

⛔ 에러 코드

 

//error
__WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.createPortal is not a function

__WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.createPortal is not a function

 

---

 

 

💊 해결 방법

 

import ReactDOM from 'react-dom/client';

문을

 

import ReactDOM from 'react-dom' 으로 변경해주면 오류는 사라진다.

하지만 콘솔에 

from "react-dom" which is not supported. You should instead import it from "react-dom/client".

 

에러가 나고 있다.

 

리액트 버전 문제로 보이며 현재 내 리액트 버전은 

 

    "react": "^18.0.0",
    "react-dom": "^18.0.0",

 

이다. 

최신 문법이 react-dom/client 이지만 현재 createPortal은 또 아래 참고문서와 같은 방식으로 변경되었다.

 

*참고문서

리액트 공식문서 createPortal