Devexpress의 DexExtreme을 이용한 ReactJS 초기 설정 방법

1.    command 창에서 아래의 순서대로 실행함.

> npx -p devextreme-cli devextreme new react-app [app-name]
   Outer Toolbar 를 선택함.
> cd app-name
> npm run start

2.     실행 후 에러가 해당 패키지 버전이 맞지 않는다는 오류가 나면서 실행이 안됨.
Error in ./src/index.js 6:0-40
Can’t resolve ‘react-dom/client’ in ‘Source…’
해당 소스로 가서 아래와 같이 수정함.

import ReactDOM from 'react-dom/client'; 
// 위의 코드를 아래의 코드로 수정
import ReactDOM from 'react-dom';

 

 

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

// 위의 코드를 아래의 형태로 수정

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

 

실행된 화면