인프런 커뮤니티 질문&답변

아마도 리액트 버전18에서 실습을 진행중이실 것으로 판단되는데,

현재 강의에 나와 있는 index.js 코드는 리액트 버전17 기준의 코드입니다.

그래서 아래 링크에 있는 리액트 버전18 기준의 index.js 파일 코드를 참고해서,

아래 코드와 같이 createRoot()를 사용하는 형태로 수정한 이후에 다시 한 번 해보시기 바랍니다!

https://github.com/soaple/first-met-react-practice-v18/blob/master/src/index.js

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

import Library from './chapter_03/Library';

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

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();