Dev_Log

[React] react_dom__WEBPACK_IMPORTED_MODULE_1__.render is not a function

LeeDaniel 2025. 1. 22. 17:29
 [ Error ] 
프로젝트 구동후 페이지 접근시
아무것도 뜨지 않고
console에
Uncaught TypeError: react_dom__WEBPACK_IMPORTED_MODULE_1__.render is not a function
발생

 [ Solution ]
해당 에러는 React 18 버전 이상에서
react-dom의 render메서드가 더 이상 사용되지 않기 때문에 발생

따라서 React 18부터는
createRoot메서드를 사용해야함

 수정전 
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);​



 수정후 

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

 

728x90
반응형