Migrate react app to typescript

Installed the necessary dependencies and config files

reactapp/src/App.tsx

@@ -5,6 +5,7 @@ import ProfilePage from "./components/pages/ProfilePage";
 import ScamPage from "./components/pages/ScamPage";
 import Header from "./components/blocks/Header";
 import SearchIcon from "../src/assets/icons/search-form__icon.svg";
+import React from "react";
 
 export default function App() {
   return (

reactapp/src/components/blocks/Header.tsx

@@ -1,4 +1,6 @@
-export default function Header() {
+import React from "react";
+
+export default function Header(SearchIcon:any) {
     return(
         <header className="header">
             <h1 className="header__title">SuSMarket</h1>

reactapp/src/components/blocks/LoginMenu.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function LoginMenu() {
     return(
         <>

reactapp/src/components/blocks/PopupMap.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function PopupMap() {
     return(
         <>

reactapp/src/components/blocks/ProductCard.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function ProductCard() {
     return(
         <>

reactapp/src/components/pages/HomePage.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function HomePage() {
     return(
         <section>

reactapp/src/components/pages/PaymentPage.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function PaymentPage() {
     return(
         <>

reactapp/src/components/pages/ProductPage.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function ProductPage() {
     return(
         <>

reactapp/src/components/pages/ProfilePage.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function ProfilePage() {
     return(
         <>

reactapp/src/components/pages/ScamPage.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export default function ScamPage() {
     return(
         <>

reactapp/src/custom.d.ts

@@ -0,0 +1,4 @@
+declare module "*.svg" {
+    const content: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    export default content;
+}

reactapp/src/index.tsx

@@ -4,7 +4,7 @@ import './index.scss';
 import './reset.css';
 import App from './App';
 
-const root = ReactDOM.createRoot(document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
 root.render(
   <React.StrictMode>
     <App />