Activate esling no-unused-vars

Enables the eslint rule "@typescript-eslint/no-unused-vars": "off".

Since React 17, we can finally get rid of all those unused
"import React from react" statements that were necessary
if there was any JSX in the file.

Author: Arnei

eslint.config.js

@@ -35,7 +35,7 @@ export default [
             "@typescript-eslint/no-unsafe-call": "off",
             "@typescript-eslint/no-unsafe-member-access": "off",
             "@typescript-eslint/no-unused-expressions": "off",
-            "@typescript-eslint/no-unused-vars": "off",
+            // "@typescript-eslint/no-unused-vars": "off",
             "@typescript-eslint/no-unsafe-return": "off",
             "@typescript-eslint/require-await": "off",
             "@typescript-eslint/unbound-method": "off",

src/App.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { HashRouter, Navigate, Route, Routes } from "react-router";
 import "./App.scss";
 import Events from "./components/events/Events";
@@ -29,7 +29,7 @@ function App() {
 		subscribeToAuthEvents();
 
 		// Add event listener for back button to check if we are still logged in
-		window.addEventListener("popstate", function (event) {
+		window.addEventListener("popstate", function () {
 			dispatch(fetchUserInfo());
 		});
 

src/components/About.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import Header from "./Header";
 import NavBar from "./NavBar";
 import Footer from "./Footer";
@@ -24,7 +24,7 @@ const About = () => {
 			.then(response => {
 				setAboutContent(response.data);
 			})
-			.catch(error => {
+			.catch(() => {
 				axios.get(getURL(typeof i18n.options.fallbackLng === 'string' ? i18n.options.fallbackLng : 'en-US'))
 					.then(response => {
 						setAboutContent(response.data);

src/components/configuration/Themes.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import TableFilters from "../shared/TableFilters";
 import Table from "../shared/Table";

src/components/configuration/partials/ThemesActionsCell.tsx

@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import { useRef } from "react";
 import {
 	fetchThemeDetails,
 	fetchUsage,

src/components/configuration/partials/ThemesDateTimeCell.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { renderValidDate } from "../../../utils/dateUtils";
 import { ThemeDetailsType } from "../../../slices/themeSlice";

src/components/configuration/partials/wizard/BumperPage.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import WizardNavigationButtons from "../../../shared/wizard/WizardNavigationButtons";
 import FileUpload from "../../../shared/wizard/FileUpload";

src/components/configuration/partials/wizard/GeneralPage.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import Notifications from "../../../shared/Notifications";
 import { FormikProps } from "formik";

src/components/configuration/partials/wizard/NewThemeWizard.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { Formik } from "formik";
 import GeneralPage from "./GeneralPage";
 import BumperPage from "./BumperPage";

src/components/configuration/partials/wizard/ThemeDetails.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Formik } from "formik";
 import GeneralPage from "./GeneralPage";
 import BumperPage from "./BumperPage";