Error while running a reactjs app 17.0.1 with typescript 4.1.2

import React from 'react';

import ReactDOM from 'react-dom';

import './index.css';

import App from './App';

import reportWebVitals from './reportWebVitals';

ReactDOM.render(

  <React.StrictMode>

    <App />

  </React.StrictMode>,

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

in index.tsx file under src. error below:

-----------------------------------------------------

Could not find a declaration file for module 'react'. 'f:/laragon/www/oddo/oddo/node_modules/react/index.js' implicitly has an 'any' type.
If the 'react' package actually exposes this module, consider sending a pull request to amend 'https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react`ts(7016)

----------------------------------------------------

Could not find a declaration file for module 'react/jsx-runtime'. 'f:/laragon/www/oddo/oddo/node_modules/react/jsx-runtime.js' implicitly has an 'any' type.

If the 'react' package actually exposes this module, consider sending a pull request to amend 'https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react`ts(7016)

solution here:

TypeScript 4.1: Could not find a declaration file for module 'react/jsx-runtime' · Issue #10109 · facebook/create-react-app (github.com)