React の環境構築を create-react-appで実施すると現在(2022年6月 時点)React 18 がインストールされます。

現在、npm install でインストールする Ignite UI for React のパッケージと互換性があるReact バージョンは 16.9.0 となっているため、React のバージョンを更新する必要があります。

(参考:サポート環境)

以下の手順で更新を行ってください。

  1. package.json の下記を18.x.xから16.9.0に修正
    • “react”: “^18.x.x”,
    • “react-dom”: “^18.x.x”,
  2. npm install を実行
  3. index.js(index.tsx) を下記に修正
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

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

// 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();