Bump typescript from 4.0.5 to 4.1.2

.eslintrc.js

@@ -20,6 +20,8 @@ module.exports = {
     "no-var": "error",
     "no-console": ["error"],
     "prettier/prettier": "error",
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off",
   },
   globals: {
     page: true,

.github/workflows/main.yml

@@ -6,14 +6,14 @@ env:
 
 on:
   push:
-    branches: [ main, production ]
+    branches: [main, production]
   pull_request:
-    branches: [ main, production, feature/** ]
+    branches: [main, production, feature/**]
 
 jobs:
-  static-analysis: 
-    runs-on: ubuntu-latest 
-    steps: 
+  static-analysis:
+    runs-on: ubuntu-latest
+    steps:
       - uses: actions/checkout@v2
       - name: Setup Node.js
         uses: actions/setup-node@v1
@@ -23,11 +23,11 @@ jobs:
         run: yarn install --frozen-lockfile
       - name: Lint
         run: yarn lint
-  
+
   js-tests:
-    runs-on: ubuntu-latest 
+    runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2 
+      - uses: actions/checkout@v2
       - name: Setup Node.js
         uses: actions/setup-node@v1
         with:
@@ -36,7 +36,7 @@ jobs:
         run: yarn install --frozen-lockfile
       - name: Create Test Build
         run: yarn build
-      - name: Running JS tests 
+      - name: Running JS tests
         run: yarn test:ci
 
   build:
@@ -76,8 +76,8 @@ jobs:
       - name: Install Dependencies
         run: yarn install --frozen-lockfile
       - name: Deploy to Firebase -- Production
-        run: yarn deploy:production --token $token 
-        env: 
+        run: yarn deploy:production --token $token
+        env:
           token: ${{ secrets.FIREBASE_TOKEN }}
 
   auto-deploy-to-test:
@@ -98,6 +98,6 @@ jobs:
       - name: Install Dependencies
         run: yarn install --frozen-lockfile
       - name: Deploy to Firebase -- Test
-        run: yarn deploy:test --token $token 
-        env: 
+        run: yarn deploy:test --token $token
+        env:
           token: ${{ secrets.FIREBASE_TOKEN }}

.gitignore

@@ -1,5 +1,7 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+.eslintcache
+
 .env*
 !.env.sample
 

firebase.json

@@ -3,26 +3,18 @@
     {
       "target": "production",
       "public": "build",
-      "ignore": [
-        "firebase.json",
-        "**/.*",
-        "**/node_modules/**"
-      ],
+      "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
       "rewrites": [
         {
           "source": "**",
           "destination": "/index.html"
         }
       ]
-    }, 
+    },
     {
       "public": "build",
       "target": "test",
-      "ignore": [
-        "firebase.json",
-        "**/.*",
-        "**/node_modules/**"
-      ],
+      "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
       "rewrites": [
         {
           "source": "**",

package.json

@@ -14,7 +14,7 @@
     "react-scripts": "4.0.1",
     "react-spinners": "^0.9.0",
     "sass": "^1.29.0",
-    "typescript": "^4.0.5"
+    "typescript": "^4.1.2"
   },
   "engines": {
     "node": "^14.11.0",

src/App.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Routes from "routes/routes";
 
 const App: React.FC = () => {

src/components/Button/index.view.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import "./Button.scss";
 
 export interface ButtonProps {

src/components/EmailSubscription/index.view.tsx

@@ -1,4 +1,5 @@
-import React, { useState } from "react";
+import { useState } from "react";
+import * as React from "react";
 import axios, { AxiosRequestConfig, AxiosResponse } from "axios";
 import { ReactComponent as Arrow } from "images/arrow.svg";
 import ClipLoader from "react-spinners/ClipLoader";

src/components/Navbar/index.view.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import Button, { ButtonProps } from "components/Button/index.view";
 import "./Navbar.scss";
 

src/components/PostcardStack/index.view.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
-import React from "react";
+import * as React from "react";
 import "./PostcardStack.scss";
 
 interface PostcardStackProps {

src/index.tsx

@@ -1,13 +1,13 @@
-import React from "react";
+import { StrictMode } from "react";
 import ReactDOM from "react-dom";
 import "stylesheets/base.scss";
 import App from "./App";
 import * as serviceWorker from "./serviceWorker";
 
 ReactDOM.render(
-  <React.StrictMode>
+  <StrictMode>
     <App />
-  </React.StrictMode>,
+  </StrictMode>,
   document.getElementById("root")
 );
 

src/routes/routes.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import HomepageView from "views/Home/index.view";
 

src/views/Hero/index.view.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import cx from "classnames";
 import PostcardStack from "components/PostcardStack/index.view";
 

src/views/Home/index.view.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import HeroView from "views/Hero/index.view";
 // import Navbar from "components/Navbar/index.view";
 import Button from "components/Button/index.view";

src/views/Information/index.view.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import "./Information.scss";
 
 const InformationPageView: React.FC = () => {

src/views/Schedule/index.view.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import "./Schedule.scss";
 
 const SchedulePageView: React.FC = () => {

src/views/Sponsorship/index.view.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import "./Sponsorship.scss";
 
 const SponsorshipPageView: React.FC = () => {

src/views/Team/index.view.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import "./Team.scss";
 
 const TeamPageView: React.FC = () => {

tsconfig.json

@@ -18,7 +18,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "sourceMap": true,
     "watch": true,
     "noFallthroughCasesInSwitch": true

yarn.lock

@@ -14448,10 +14448,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@^4.0.5:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.0.5.tgz#ae9dddfd1069f1cb5beb3ef3b2170dd7c1332389"
-  integrity sha512-ywmr/VrTVCmNTJ6iV2LwIrfG1P+lv6luD8sUJs+2eI9NLGigaN+nUQc13iHqisq7bra9lnmUSYqbJvegraBOPQ==
+typescript@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.2.tgz#6369ef22516fe5e10304aae5a5c4862db55380e9"
+  integrity sha512-thGloWsGH3SOxv1SoY7QojKi0tc+8FnOmiarEGMbd/lar7QOEd3hvlx3Fp5y6FlDUGl9L+pd4n2e+oToGMmhRQ==
 
 unbzip2-stream@^1.3.3:
   version "1.4.3"