diff --git a/web/app/src/App.Routes.tsx b/web/app/src/App.Routes.tsx
index b3e5ec3..f01c96c 100644
--- a/web/app/src/App.Routes.tsx
+++ b/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";
diff --git a/web/app/src/components/App.tsx b/web/app/src/components/App.tsx
index 47af725..4ab913d 100644
--- a/web/app/src/components/App.tsx
+++ b/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";
diff --git a/web/app/src/components/Footer.tsx b/web/app/src/components/Footer.tsx
index 050b7d5..1af5692 100644
--- a/web/app/src/components/Footer.tsx
+++ b/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 = () => (
diff --git a/web/app/src/components/Header.tsx b/web/app/src/components/Header.tsx
index 7670893..6dd38c4 100644
--- a/web/app/src/components/Header.tsx
+++ b/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";
 
diff --git a/web/app/src/components/Loading.tsx b/web/app/src/components/Loading.tsx
index bb8ac20..36a7b85 100644
--- a/web/app/src/components/Loading.tsx
+++ b/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>
diff --git a/web/app/src/components/Search.tsx b/web/app/src/components/Search.tsx
index 6334e02..501c408 100644
--- a/web/app/src/components/Search.tsx
+++ b/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 = () => {
diff --git a/web/app/src/pages/ContactPage.tsx b/web/app/src/pages/ContactPage.tsx
index 5fe28c6..243f793 100644
--- a/web/app/src/pages/ContactPage.tsx
+++ b/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";
diff --git a/web/app/src/pages/HomePage.tsx b/web/app/src/pages/HomePage.tsx
index 1aacc48..547ff1a 100644
--- a/web/app/src/pages/HomePage.tsx
+++ b/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";
diff --git a/web/app/src/pages/PrivacyPage.tsx b/web/app/src/pages/PrivacyPage.tsx
index 4fd2473..5d31961 100644
--- a/web/app/src/pages/PrivacyPage.tsx
+++ b/web/app/src/pages/PrivacyPage.tsx
@@ -1,4 +1,4 @@
-import React, {FC} from 'react';
+import {FC} from 'react';
 
 const PrivacyPage: FC = () => (
     <div>
diff --git a/web/app/src/pages/SearchPage.tsx b/web/app/src/pages/SearchPage.tsx
index 1976950..1123e8d 100644
--- a/web/app/src/pages/SearchPage.tsx
+++ b/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';
diff --git a/web/app/src/pages/TweetCard.tsx b/web/app/src/pages/TweetCard.tsx
index 366af70..e9cb92c 100644
--- a/web/app/src/pages/TweetCard.tsx
+++ b/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";
diff --git a/web/app/src/pages/TweetPage.tsx b/web/app/src/pages/TweetPage.tsx
index 3560100..4f3b090 100644
--- a/web/app/src/pages/TweetPage.tsx
+++ b/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";
diff --git a/web/app/src/pages/UserPage.tsx b/web/app/src/pages/UserPage.tsx
index ab16fed..674026c 100644
--- a/web/app/src/pages/UserPage.tsx
+++ b/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';
diff --git a/web/app/tsconfig.json b/web/app/tsconfig.json
index 7b1d3c6..a273b0c 100644
--- a/web/app/tsconfig.json
+++ b/web/app/tsconfig.json
@@ -18,7 +18,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+    "jsx": "react-jsx"
   },
   "include": [
     "src"