react를 복습하던 중 Console에 오류가 보여서 쓰는 해결 방법 글

⚠️ 오류 발생 메세지

Warning: ReactDOM.render is no longer supported in React 18.

💡 해결 방법

1. 해당 폴더에서 터미널 열기

2. 터미널에 아래 코드를 차례대로 입력하여 설치

npm install --save-dev @testing-library/react@latest

npm install --save-dev @testing-library/jest-dom@latest

npm install --save-dev @testing-library/user-event@latest

3. index.js에 있는 코드를 전부 삭제 후 아래 코드 붙여넣기

import React from 'react';
import {createRoot} from 'react-dom/client';
import App from './App';

const rootElement = document.getElementById('root');
const root = createRoot(rootElement);

root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
);

4. npm start 재실행

5. 해결 완료!