Upgrade frontend packages to latest versions

frontend/codegen.ts

@@ -0,0 +1,32 @@
+// File Format: https://the-guild.dev/graphql/codegen/docs/config-reference/codegen-config
+import type { CodegenConfig } from '@graphql-codegen/cli'
+
+const config: CodegenConfig = {
+  schema: './type-defs.graphqls',
+  generates: {
+    '__generated__/fragmentMatcherTypes.ts': {
+      plugins: [
+        // https://the-guild.dev/graphql/codegen/plugins/other/fragment-matcher
+        'fragment-matcher',
+      ],
+      config: {
+        module: 'es2015',
+        apolloClientVersion: 3,
+        useExplicitTyping: false
+      },
+    },
+    '__generated__/__types__.tsx': {
+      plugins: [
+        {
+          // https://the-guild.dev/graphql/codegen/plugins/other/add
+          // https://github.com/dotansimha/graphql-code-generator/issues/9498
+          add: {
+            content: '// @ts-ignore'
+          }
+        },
+        'typescript'
+      ]
+    }
+  },
+}
+export default config

frontend/package.json

@@ -5,41 +5,41 @@
   "author": "Simon Wacker",
   "license": "MIT",
   "scripts": {
-    "codegen": "graphql-let && graphql-codegen --config codegen.yml",
+    "codegen": "graphql-let && graphql-codegen --config ./codegen.ts",
     "dev": "yarn codegen && NODE_OPTIONS='--use-openssl-ca' next -p 8080",
     "build": "yarn codegen && next build",
     "test": "yarn codegen && NODE_OPTIONS='--use-openssl-ca' jest",
     "start": "next start -p 8080"
   },
   "dependencies": {
-    "@ant-design/pro-layout": "^7.6.1",
-    "@apollo/client": "^3.7.8",
+    "@ant-design/pro-layout": "^7.10.3",
+    "@apollo/client": "^3.7.0",
     "antd": "^5.0",
-    "crypto-hash": "^2.0.1",
+    "crypto-hash": "^3.0.0",
     "dayjs": "^1.0",
     "graphql": "^16.0.1",
-    "next": "^13.1.4",
+    "next": "^14.0.0",
     "qrcode.react": "^3.0.0",
     "react": "^18.0",
-    "react-cookie": "^4.0.3",
+    "react-cookie": "^7.0.0",
     "react-dom": "^18.0",
     "react-google-recaptcha-v3": "^1.0",
     "react-highlight-words": "^0.20.0"
   },
   "devDependencies": {
     "@babel/core": "^7.0",
-    "@graphql-codegen/cli": "^3.0.0",
-    "@graphql-codegen/fragment-matcher": "^4.0.0",
-    "@graphql-codegen/import-types-preset": "^2.2.6",
-    "@graphql-codegen/plugin-helpers": "^4.0.0",
-    "@graphql-codegen/typescript": "^3.0.0",
-    "@graphql-codegen/typescript-operations": "^3.0.0",
-    "@graphql-codegen/typescript-react-apollo": "^3.3.7",
-    "@graphql-codegen/typescript-resolvers": "^3.0.0",
-    "@graphql-tools/load-files": "^6.6.1",
-    "@graphql-tools/merge": "^8.3.18",
-    "@graphql-tools/schema": "^9.0.16",
-    "@types/node": "^18.11.18",
+    "@graphql-codegen/cli": "^5.0.0",
+    "@graphql-codegen/fragment-matcher": "^5.0.0",
+    "@graphql-codegen/import-types-preset": "^3.0.0",
+    "@graphql-codegen/plugin-helpers": "^5.0.0",
+    "@graphql-codegen/typescript": "^4.0.0",
+    "@graphql-codegen/typescript-operations": "^4.0.0",
+    "@graphql-codegen/typescript-react-apollo": "^4.0.0",
+    "@graphql-codegen/typescript-resolvers": "^4.0.0",
+    "@graphql-tools/load-files": "^7.0.0",
+    "@graphql-tools/merge": "^9.0.0",
+    "@graphql-tools/schema": "^10.0.0",
+    "@types/node": "^20.11.5",
     "@types/qrcode.react": "^1.0",
     "@types/react": "^18.0",
     "@types/react-dom": "^18.0",
@@ -48,13 +48,13 @@
     "babel-jest": "^29.0",
     "deepmerge": "^4.0",
     "eslint": "^8.0.0",
-    "eslint-config-next": "^13.1.4",
+    "eslint-config-next": "^14.0.0",
     "graphql-let": "^0.18",
     "graphql-tag": "^2.0",
     "jest": "^29.0",
     "license-checker": "^25.0.1",
-    "prettier": "^2.8.4",
-    "react-test-renderer": "^18.2.0",
+    "prettier": "^3.0.0",
+    "react-test-renderer": "^18.0",
     "ts-node": "^10.9.1",
     "typescript": "^5.0.4",
     "yaml-loader": "^0.8"