new react-jsx

web/app/src/App.Routes.tsx

@@ -1,4 +1,4 @@
-import React, {FC, lazy, Suspense} from "react";
+import {FC, lazy, Suspense} from "react";
 import {Route, Switch} from "react-router-dom";
 import HomePage from "./pages/HomePage";
 import Loading from "./components/Loading";

web/app/src/components/App.tsx

@@ -1,4 +1,4 @@
-import React, {FC} from 'react';
+import {FC} from 'react';
 import {ApolloClient, ApolloProvider, InMemoryCache} from "@apollo/client";
 import {BrowserRouter} from "react-router-dom";
 import {Header} from "./Header";

web/app/src/components/Footer.tsx

@@ -1,4 +1,4 @@
-import React, {FC} from "react";
+import {FC} from "react";
 import './Footer.css';
 
 export const Footer: FC = () => (

web/app/src/components/Header.tsx

@@ -1,4 +1,4 @@
-import React, {FC} from "react";
+import {FC} from "react";
 import {Link} from "react-router-dom";
 import {Search} from "./Search";
 

web/app/src/components/Loading.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 const Loading = () => (
     <div className="spinner-border" role="status">
       <span className="sr-only">.</span>

web/app/src/components/Search.tsx

@@ -1,4 +1,4 @@
-import React, {FC, FormEvent, useState} from "react";
+import {FC, FormEvent, useState} from "react";
 import {useHistory} from "react-router-dom";
 
 export const Search: FC = () => {

web/app/src/pages/ContactPage.tsx

@@ -1,4 +1,4 @@
-import React, {createRef, FC, FormEvent, useState} from 'react';
+import {createRef, FC, FormEvent, useState} from 'react';
 import {gql, useMutation} from "@apollo/client";
 import ReCAPTCHA from "react-google-recaptcha";
 import {CAPTCHA_KEY} from "../Constants";

web/app/src/pages/HomePage.tsx

@@ -1,4 +1,4 @@
-import React, {FC, FormEvent, useState} from "react";
+import {FC, FormEvent, useState} from "react";
 import './HomePage.css';
 import {gql, useMutation} from "@apollo/client";
 import {Redirect} from "react-router-dom";

web/app/src/pages/PrivacyPage.tsx

@@ -1,4 +1,4 @@
-import React, {FC} from 'react';
+import {FC} from 'react';
 
 const PrivacyPage: FC = () => (
     <div>

web/app/src/pages/SearchPage.tsx

@@ -1,4 +1,4 @@
-import React, {FC} from 'react';
+import {FC} from 'react';
 import * as qs from 'query-string';
 import {gql, useQuery} from "@apollo/client";
 import notFound from '../assets/not_found.svg';

web/app/src/pages/TweetCard.tsx

@@ -1,4 +1,4 @@
-import React, {FC, FormEvent} from "react";
+import {FC, FormEvent} from "react";
 import {useHistory} from "react-router-dom";
 import moment from "moment";
 import notFound from "../assets/not_found.svg";

web/app/src/pages/TweetPage.tsx

@@ -1,4 +1,4 @@
-import React, {FC, useEffect, useRef, useState} from "react";
+import {FC, useEffect, useRef, useState} from "react";
 import {Link, useParams} from "react-router-dom";
 import {gql, useQuery} from "@apollo/client";
 import {Helmet} from "react-helmet";

web/app/src/pages/UserPage.tsx

@@ -1,4 +1,4 @@
-import React, {FC} from 'react';
+import {FC} from 'react';
 import {gql, useQuery} from "@apollo/client";
 import notFound from '../assets/not_found.svg';
 import './SearchPage.css';

web/app/tsconfig.json

@@ -18,7 +18,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+    "jsx": "react-jsx"
   },
   "include": [
     "src"