[React] You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client". 해결

react공부를 시작하는데 오류가 났다..ㅋ..

1번째를 오류를 한국어 번역으로 돌려보니

지원되지 않는 "react-dom"에서 createRoot를 가져오고 있습니다. 대신 "react-dom/client"에서 가져와야 합니다.

라고한다.

 

.. 구글링을 통해 방법을 찾았다.

JavaScript와 TypeScript 방법이 다르던데 나는 JavaScript 방법으로 수정해였다.

- 수정전

//index.js
import React from 'react'
import ReactDOM from 'react-dom'
import reportWebVitals from './reportWebVitals'

import App from './App'

const rootNode = document.getElementById('root')

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

 

- 수정후

//index.js
import React from 'react'
import ReactDOM from 'react-dom/client'
import reportWebVitals from './reportWebVitals'

import App from './App'
const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(<App />)

 

 

선조님(?)의 정보에 항상 감사드립니다.ㅜ

TypeScript방법이 필요하다면 하단의 출처를 참고하시길..

출처:

https://codiving.kr/132