fix: SJ access page bugs

Author: waryu-YND

package-lock.json

@@ -31,6 +31,7 @@
 		"@types/node": "^20.19.35",
 		"@types/react": "^19.1.5",
 		"@types/react-dom": "^19.1.5",
+		"@types/vivus": "^0.4.7",
 		"eslint": "^9",
 		"eslint-config-next": "15.4.6",
 		"shadcn": "^3.8.5",

package.json

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 import { useEffect, useRef } from "react";
+import Vivus from "vivus";
 
 export default function AccessClient() {
   const isOnce = useRef(false);
@@ -16,8 +17,6 @@ export default function AccessClient() {
       map.current.destroy();
       map.current = null;
       // mapRef.current.innerHTML = "";
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      //@ts-ignore
       map.current = new Vivus(
         "map",
         {
@@ -35,8 +34,6 @@ export default function AccessClient() {
   useEffect(() => {
     if (isOnce.current) return;
     isOnce.current = true;
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    //@ts-ignore
     map.current = new Vivus("map", {
       type: "oneByOne",
       duration: 200,

src/app/access/access-client.tsx

@@ -77,10 +77,6 @@ export default function RootLayout({
             </footer>
           </div>
         </ThemeProvider>
-        <script
-          src="https://cdn.jsdelivr.net/npm/vivus@latest/dist/vivus.min.js"
-          async
-        ></script>
       </body>
     </html>
   );