Upgrade to TypeScript v6 (#580)

Update to TypeScript v6 and includes other package upgrades as well and
necessary changes.

---------

Co-authored-by: Copilot <copilot@github.com>

Author: AlexJSully

.github/copilot-instructions.md

@@ -107,7 +107,6 @@ NETWORK.SLOW_DOWNLINK_THRESHOLD; // Network performance checks
 - Tabs for indentation (indent: ['error', 'tab'])
 - Console logs allowed (`no-console: off`)
 - Unused vars with `_` prefix ignored
-- React hooks exhaustive deps enforced
 
 ### TypeScript
 

eslint.config.js

@@ -1,6 +1,4 @@
 const globals = require('globals');
-const react = require('eslint-plugin-react');
-const reactHooks = require('eslint-plugin-react-hooks');
 
 module.exports = [
 	{
@@ -32,10 +30,6 @@ module.exports = [
 				project: './tsconfig.json',
 			},
 		},
-		plugins: {
-			react,
-			'react-hooks': reactHooks,
-		},
 		settings: {
 			react: {
 				version: 'detect',
@@ -52,14 +46,6 @@ module.exports = [
 			'no-restricted-syntax': 'off',
 			'no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
 			radix: 'off',
-			'react-hooks/rules-of-hooks': 'error',
-			'react/forbid-prop-types': 'off',
-			'react/jsx-filename-extension': ['error', { extensions: ['.tsx', '.jsx'] }],
-			'react/jsx-props-no-spreading': 'off',
-			'react/no-unknown-property': 'off',
-			'react/react-in-jsx-scope': 'off',
-			'react/require-default-props': ['error', { ignoreFunctionalComponents: true }],
-			'react/static-property-placement': 'off',
 			semi: ['error', 'always'],
 		},
 	},

jest.config.js

@@ -1,5 +1,10 @@
-module.exports = {
-	preset: 'ts-jest',
+const nextJest = require('next/jest');
+
+const createJestConfig = nextJest({
+	dir: './',
+});
+
+const customJestConfig = {
 	moduleNameMapper: {
 		'^@$': '<rootDir>/src/index.ts',
 		'^@/(.*)$': '<rootDir>/src/$1',
@@ -21,6 +26,7 @@ module.exports = {
 		'^@styles/(.*)$': '<rootDir>/src/styles/$1',
 		'^@util$': '<rootDir>/src/util/index.ts',
 		'^@util/(.*)$': '<rootDir>/src/util/$1',
+		'^.+\\.(svg)$': '<rootDir>/jest/svg-mock.js',
 		'\\.(css|less|scss|sass)$': 'jest-transform-stub',
 		'\\.(svg|png|jpg|jpeg|gif|webp)$': '<rootDir>/jest/svg-mock.js',
 	},
@@ -29,14 +35,6 @@ module.exports = {
 	moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
 	testPathIgnorePatterns: ['/node_modules/', '/cypress/'],
 	setupFilesAfterEnv: ['<rootDir>/jest/setup.ts'],
-	transform: {
-		'^.+\\.(ts|tsx)$': [
-			'ts-jest',
-			{
-				tsconfig: {
-					jsx: 'react-jsx',
-				},
-			},
-		],
-	},
 };
+
+module.exports = createJestConfig(customJestConfig);