fix: resolve runtime error

package-lock.json

@@ -9,6 +9,7 @@
       "version": "1.0.0",
       "license": "LGPL-3.0-or-later",
       "dependencies": {
+        "@vercel/analytics": "^1.2.2",
         "axios": "^1.6.8",
         "axios-cookiejar-support": "^5.0.0",
         "next": "14.1.4",
@@ -1333,6 +1334,26 @@
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ=="
     },
+    "node_modules/@vercel/analytics": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.2.2.tgz",
+      "integrity": "sha512-X0rctVWkQV1e5Y300ehVNqpOfSOufo7ieA5PIdna8yX/U7Vjz0GFsGf4qvAhxV02uQ2CVt7GYcrFfddXXK2Y4A==",
+      "dependencies": {
+        "server-only": "^0.0.1"
+      },
+      "peerDependencies": {
+        "next": ">= 13",
+        "react": "^18 || ^19"
+      },
+      "peerDependenciesMeta": {
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@yarnpkg/lockfile": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
@@ -7290,6 +7311,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/server-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/server-only/-/server-only-0.0.1.tgz",
+      "integrity": "sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA=="
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",

src/app/components/Swagger.tsx

@@ -1,13 +1,15 @@
 'use client';
-import SwaggerUI from 'swagger-ui-react';
 import 'swagger-ui-react/swagger-ui.css';
+import dynamic from "next/dynamic";
 
 type Props = {
   spec: Record<string, any>,
 };
 
+const SwaggerUI = dynamic(() => import('swagger-ui-react'), { ssr: false });
+
 function Swagger({ spec }: Props) {
-  return <SwaggerUI spec={spec}  />;
+  return <SwaggerUI spec={spec}/>;
 }
 
 export default Swagger;