Update all

.github/workflows/create_sentry_release.yml

@@ -24,7 +24,7 @@ jobs:
           REACT_APP_OAUTH2_CLIENT_ID: ${{ secrets.CLIENT_ID }}
 
       - name: Create Sentry release
-        uses: getsentry/action-release@v1.0.0
+        uses: getsentry/action-release@v1.1.5
         env:
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
           SENTRY_ORG: python-discord

package.json

@@ -3,57 +3,57 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@emotion/core": "^10.0.35",
+    "@emotion/react": "^11.1.2",
     "@fortawesome/fontawesome-svg-core": "^1.2.30",
     "@fortawesome/free-brands-svg-icons": "^5.14.0",
     "@fortawesome/free-solid-svg-icons": "^5.14.0",
     "@fortawesome/react-fontawesome": "^0.1.11",
     "@sentry/react": "^5.25.0",
-    "@svgr/webpack": "4.3.3",
+    "@svgr/webpack": "5.5.0",
     "@swc/core": "^1.2.36",
     "@swc/jest": "^0.1.2",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/user-event": "^7.1.2",
-    "@types/jest": "^24.0.0",
-    "@types/node": "^12.0.0",
-    "@types/react": "^16.9.0",
-    "@types/react-dom": "^16.9.0",
+    "@testing-library/jest-dom": "^5.0.0",
+    "@testing-library/react": "^11.0.0",
+    "@testing-library/user-event": "^12.0.0",
+    "@types/jest": "^26.0.0",
+    "@types/node": "^14.0.0",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
     "@types/react-router-dom": "^5.1.5",
     "@types/react-transition-group": "^4.4.0",
-    "@typescript-eslint/eslint-plugin": "^2.10.0",
-    "@typescript-eslint/parser": "^2.10.0",
+    "@typescript-eslint/eslint-plugin": "^4.0.0",
+    "@typescript-eslint/parser": "^4.0.0",
     "axios": "^0.21.0",
-    "copy-webpack-plugin": "^6.2.1",
-    "eslint": "^6.6.0",
-    "eslint-config-react-app": "^5.2.1",
-    "eslint-loader": "3.0.3",
-    "eslint-plugin-flowtype": "4.6.0",
-    "eslint-plugin-import": "2.20.1",
-    "eslint-plugin-jsx-a11y": "6.2.3",
-    "eslint-plugin-react": "7.19.0",
-    "eslint-plugin-react-hooks": "^1.6.1",
-    "fs-extra": "^8.1.0",
+    "copy-webpack-plugin": "^7.0.0",
+    "eslint": "^7.0.0",
+    "eslint-config-react-app": "^6.0.0",
+    "eslint-loader": "4.0.2",
+    "eslint-plugin-flowtype": "5.2.0",
+    "eslint-plugin-import": "2.22.1",
+    "eslint-plugin-jsx-a11y": "6.4.1",
+    "eslint-plugin-react": "7.21.5",
+    "eslint-plugin-react-hooks": "^4.0.0",
+    "fs-extra": "^9.0.0",
     "html-webpack-plugin": "^4.5.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "^26.5.3",
     "jest-dom": "^4.0.0",
     "jest-environment-jsdom-fourteen": "1.0.1",
-    "jest-resolve": "24.9.0",
+    "jest-resolve": "26.6.2",
     "jest-svg-transformer": "^1.0.0",
-    "jest-watch-typeahead": "0.4.2",
-    "react": "^16.13.1",
-    "react-app-polyfill": "^1.0.6",
-    "react-dom": "^16.13.1",
+    "jest-watch-typeahead": "0.6.1",
+    "react": "^17.0.0",
+    "react-app-polyfill": "^2.0.0",
+    "react-dom": "^17.0.0",
     "react-router-dom": "^5.2.0",
     "react-spinners": "^0.9.0",
     "react-transition-group": "^4.4.1",
     "swc-loader": "^0.1.12",
-    "typescript": "~3.7.2",
-    "webpack": "4.42.0",
+    "typescript": "~4.1.0",
+    "webpack": "5.10.3",
     "webpack-dev-server": "^3.11.0",
-    "webpack-manifest-plugin": "2.2.0",
-    "workbox-webpack-plugin": "4.3.1"
+    "webpack-manifest-plugin": "3.0.0",
+    "workbox-webpack-plugin": "6.0.2"
   },
   "scripts": {
     "start": "NODE_ENV=development webpack serve",

src/App.tsx

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 /** @global location */
 import React, { Suspense } from "react";
-import { jsx, css, Global } from "@emotion/core";
+import { jsx, css, Global } from "@emotion/react";
 
 import {
   BrowserRouter as Router,

src/components/FormListing.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from "@emotion/core";
+import { css, jsx } from "@emotion/react";
 import { Link } from "react-router-dom";
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

src/components/HeaderBar/index.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from "@emotion/core";
+import { css, jsx } from "@emotion/react";
 
 import Header1 from "./header_1.svg";
 import Header2 from "./header_2.svg";

src/components/Loading.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx } from "@emotion/core";
+import { jsx } from "@emotion/react";
 
 import { HashLoader } from "react-spinners";
 

src/components/OAuth2Button.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from "@emotion/core";
+import { css, jsx } from "@emotion/react";
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faDiscord } from "@fortawesome/free-brands-svg-icons";

src/components/Tag.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from "@emotion/core";
+import { css, jsx } from "@emotion/react";
 
 interface TagProps {
     text: string,

src/globalStyles.ts

@@ -1,4 +1,4 @@
-import { css } from "@emotion/core";
+import { css } from "@emotion/react";
 
 import colors from "./colors";
 

src/pages/CallbackPage.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx } from "@emotion/core";
+import { jsx } from "@emotion/react";
 import { useState } from "react";
 
 export default function CallbackPage() {

src/pages/FormPage.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx } from "@emotion/core";
+import { jsx } from "@emotion/react";
 import { Link } from "react-router-dom";
 
 import { useParams } from "react-router";

src/pages/LandingPage.tsx

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from "@emotion/core";
+import { css, jsx } from "@emotion/react";
 import { useEffect, useState } from "react";
 
 import HeaderBar from "../components/HeaderBar";