chore(deps): modernize deps & tooling (#6164)

Author: juliusmarminge

.eslintrc

@@ -0,0 +1,50 @@
+import tseslint from 'typescript-eslint';
+import reactPlugin from 'eslint-plugin-react';
+import hooksPlugin from 'eslint-plugin-react-hooks';
+
+export default tseslint.config(
+  {
+    files: ['**/*.js', '**/*.ts', '**/*.tsx'],
+    plugins: {
+      react: reactPlugin,
+      'react-hooks': hooksPlugin,
+    },
+    extends: [
+      ...tseslint.configs.recommended,
+      ...tseslint.configs.recommendedTypeChecked,
+      ...tseslint.configs.stylisticTypeChecked,
+    ],
+    rules: {
+      ...reactPlugin.configs['jsx-runtime'].rules,
+      ...hooksPlugin.configs.recommended.rules,
+
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      '@typescript-eslint/consistent-type-definitions': 'off',
+      'react/react-in-jsx-scope': 'off',
+      'react/prop-types': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        { argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
+      ],
+
+      // Consider removing these rule disables for more type safety in your app ✨
+      '@typescript-eslint/no-confusing-void-expression': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-floating-promises': 'off',
+      '@typescript-eslint/no-misused-promises': 'off',
+      '@typescript-eslint/no-unsafe-assignment': 'off',
+      '@typescript-eslint/no-unsafe-argument': 'off',
+      '@typescript-eslint/no-unsafe-call': 'off',
+      '@typescript-eslint/no-unsafe-declaration-merging': 'off',
+      '@typescript-eslint/no-unsafe-return': 'off',
+      '@typescript-eslint/no-unsafe-member-access': 'off',
+      '@typescript-eslint/prefer-nullish-coalescing': 'off',
+      '@typescript-eslint/require-await': 'off',
+      '@typescript-eslint/restrict-plus-operands': 'off',
+    },
+  },
+  {
+    linterOptions: { reportUnusedDisableDirectives: true },
+    languageOptions: { parserOptions: { projectService: true } },
+  },
+);

eslint.config.mjs

@@ -1,9 +1,9 @@
+import { NextConfig } from 'next';
+
 /**
  * @see https://nextjs.org/docs/api-reference/next.config.js/introduction
  */
-
-/** @type {import("next").NextConfig} */
-const config = {
+export default {
   serverRuntimeConfig: {
     // Will only be available on the server side
   },
@@ -14,6 +14,4 @@ const config = {
   },
   /** We run eslint as a separate task in CI */
   eslint: { ignoreDuringBuilds: !!process.env.CI },
-};
-
-module.exports = config;
+} satisfies NextConfig;

next.config.js renamed to next.config.ts

@@ -23,7 +23,7 @@
     "migrate": "prisma migrate deploy",
     "start": "cross-env NODE_ENV=production node dist/server/prodServer.js",
     "studio": "prisma studio",
-    "lint": "eslint --cache --ext \".js,.ts,.tsx\" src",
+    "lint": "eslint --cache src",
     "lint-fix": "pnpm lint --fix",
     "test-dev": "cross-env APP_ENV=test start-server-and-test dev 3000 test",
     "test-start": "cross-env APP_ENV=test WS_URL=ws://localhost:3000 start-server-and-test start 3000 test",
@@ -46,8 +46,8 @@
     "@trpc/react-query": "npm:@trpc/react-query@next",
     "@trpc/server": "npm:@trpc/server@next",
     "clsx": "^2.0.0",
-    "next": "^14.2.5",
-    "next-auth": "^4.22.1",
+    "next": "^15.0.2",
+    "next-auth": "npm:next-auth@4.22.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "superjson": "^1.12.4",
@@ -61,21 +61,20 @@
     "@types/node": "^20.10.0",
     "@types/react": "^18.3.1",
     "@types/ws": "^8.2.0",
-    "@typescript-eslint/eslint-plugin": "^7.16.1",
-    "@typescript-eslint/parser": "^7.16.1",
     "autoprefixer": "^10.4.7",
     "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "^14.2.5",
-    "eslint-plugin-react": "^7.35.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint": "^9.13.0",
+    "eslint-config-next": "^15.0.2",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.39",
-    "prettier": "^2.8.8",
+    "prettier": "^3.3.3",
     "prisma": "^5.12.1",
     "start-server-and-test": "^1.12.0",
     "tailwindcss": "^3.4.6",
-    "typescript": "^5.6.2"
+    "typescript": "^5.6.2",
+    "typescript-eslint": "^8.12.2"
   },
   "publishConfig": {
     "access": "restricted"

package.json

@@ -250,8 +250,8 @@ export default function IndexPage() {
                 {isFetchingNextPage
                   ? 'Loading more...'
                   : hasNextPage
-                  ? 'Load More'
-                  : 'Nothing more to load'}
+                    ? 'Load More'
+                    : 'Nothing more to load'}
               </button>
               <div className="space-y-4">
                 {messages?.map((item) => (

src/pages/index.tsx

@@ -110,7 +110,7 @@ export const postRouter = router({
       let nextCursor: typeof cursor | null = null;
       if (items.length > take) {
         const prev = items.shift();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
         nextCursor = prev!.createdAt;
       }
       return {