Fix

web/apps/accounts/.eslintrc.js

@@ -3,9 +3,7 @@ module.exports = {
     ignorePatterns: ["next.config.js", "next-env.d.ts"],
     /* TODO: Temporary overrides */
     rules: {
-        "react/react-in-jsx-scope": "off",
         "react-hooks/exhaustive-deps": "off",
-        "@typescript-eslint/no-explicit-any": "off",
         "react-refresh/only-export-components": "off",
     },
 };

web/apps/accounts/src/pages/_app.tsx

@@ -19,7 +19,7 @@ import { ThemeProvider } from "@mui/material/styles";
 import { t } from "i18next";
 import type { AppProps } from "next/app";
 import { useRouter } from "next/router";
-import { createContext, useContext, useEffect, useState } from "react";
+import React, { createContext, useContext, useEffect, useState } from "react";
 import "styles/global.css";
 
 /** The accounts app has no extra properties on top of the base context. */
@@ -31,7 +31,7 @@ export const AppContext = createContext<AppContextT | undefined>(undefined);
 /** Utility hook to reduce amount of boilerplate in account related pages. */
 export const useAppContext = () => ensure(useContext(AppContext));
 
-export default function App({ Component, pageProps }: AppProps) {
+const App: React.FC<AppProps> = ({ Component, pageProps }) => {
     const appName: AppName = "accounts";
 
     const [isI18nReady, setIsI18nReady] = useState<boolean>(false);
@@ -115,4 +115,6 @@ export default function App({ Component, pageProps }: AppProps) {
             </ThemeProvider>
         </>
     );
-}
+};
+
+export default App;

web/apps/auth/src/pages/_app.tsx

@@ -31,7 +31,13 @@ import { ThemeProvider } from "@mui/material/styles";
 import { t } from "i18next";
 import type { AppProps } from "next/app";
 import { useRouter } from "next/router";
-import { createContext, useContext, useEffect, useRef, useState } from "react";
+import React, {
+    createContext,
+    useContext,
+    useEffect,
+    useRef,
+    useState,
+} from "react";
 import LoadingBar, { type LoadingBarRef } from "react-top-loading-bar";
 import "../../public/css/global.css";
 
@@ -52,7 +58,7 @@ export const AppContext = createContext<AppContextT | undefined>(undefined);
 /** Utility hook to reduce amount of boilerplate in account related pages. */
 export const useAppContext = () => ensure(useContext(AppContext));
 
-export default function App({ Component, pageProps }: AppProps) {
+const App: React.FC<AppProps> = ({ Component, pageProps }) => {
     const appName: AppName = "auth";
 
     const router = useRouter();
@@ -198,4 +204,6 @@ export default function App({ Component, pageProps }: AppProps) {
             </ThemeProvider>
         </>
     );
-}
+};
+
+export default App;