diff --git a/next.config.mjs b/next.config.mjs
index 8b3679d..b1a2826 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,5 +1,8 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+    experimental: {
+      missingSuspenseWithCSRBailout: false,
+    },
   // output: "export",
 };
 
diff --git a/src/app/evm/contracts/page.tsx b/src/app/evm/contracts/page.tsx
index 00b1c25..7b3539d 100644
--- a/src/app/evm/contracts/page.tsx
+++ b/src/app/evm/contracts/page.tsx
@@ -83,6 +83,7 @@ function EvmContracts() {
     // },
   ];
   const result = get_evm_contracts();
+  let filter = useSearchParams().get("filter");
   let [page, setPage] = useState(1);
   let [theme] = useThemeState();
   let data: Contract[];
@@ -96,7 +97,6 @@ function EvmContracts() {
     case "ok":
       data = result.data;
   }
-  let filter = useSearchParams().get("filter");
   if (filter) {
     data = data.filter((x) => x.type == filter);
   }
diff --git a/src/components/ImportToken.tsx b/src/components/ImportToken.tsx
index d72c525..83e37e1 100644
--- a/src/components/ImportToken.tsx
+++ b/src/components/ImportToken.tsx
@@ -1,3 +1,4 @@
+import { Type } from "@/graphql/types";
 import { CheckCircle, Import, XCircle } from "lucide-react";
 import { useState } from "react";
 
@@ -8,7 +9,7 @@ declare global {
 }
 interface Contract {
     id: string,
-    type: "Native" | "ERC20" | "ERC721" | "ERC1155" | "SRC20" | "SRC721" | "SRC1155";
+    type: Type;
     symbol: string,
 }