feat: wrap DNSForm in Suspense for improved loading experience

ccbikai · Sep 24, 2024 · 4f8d638 · 4f8d638
1 parent fcf7a73
commit 4f8d638
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/components/dns/dns-panel.jsx b/components/dns/dns-panel.jsx
@@ -1,5 +1,5 @@
 "use client";
-import { useState } from 'react'
+import { useState, Suspense } from 'react'
 import { DNSForm } from './dns-form'
 import { DNSTable } from './dns-table'
 import { DNSFeature } from './dns-feature'
@@ -23,7 +23,9 @@ export default function DNSPanel() {
   return (
     <>
       {/* <DNSHero/> */}
-      <DNSForm onSearch={onSearch} />
+      <Suspense>
+        <DNSForm onSearch={onSearch} />
+      </Suspense>
       {
         formData.name ? <DNSTable formData={formData} /> : <DNSFeature/>
       }