From f121abde142b37fe7ce16466db501f3705d4af97 Mon Sep 17 00:00:00 2001
From: thesn10 <38666407+thesn10@users.noreply.github.com>
Date: Thu, 25 Jun 2026 18:25:58 +0200
Subject: [PATCH] fix: transpile SDK workspace packages; fix Nav hydration
 mismatch

---
 app/next.config.ts         | 2 +-
 app/src/components/Nav.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/next.config.ts b/app/next.config.ts
index a9885b6..fd3e89b 100644
--- a/app/next.config.ts
+++ b/app/next.config.ts
@@ -2,7 +2,7 @@ import type { NextConfig } from 'next'
 
 const config: NextConfig = {
   reactStrictMode: true,
-  transpilePackages: ['@solana/connector'],
+  transpilePackages: ['@solana/connector', '@solisting/sdk', '@descro/sdk'],
 }
 
 export default config
diff --git a/app/src/components/Nav.tsx b/app/src/components/Nav.tsx
index e6292cb..9127ef1 100644
--- a/app/src/components/Nav.tsx
+++ b/app/src/components/Nav.tsx
@@ -24,9 +24,11 @@ export function Nav() {
   const { cluster, clusters, setCluster } = useCluster()
   const [netOpen, setNetOpen] = useState(false)
   const [search, setSearch] = useState('')
+  const [mounted, setMounted] = useState(false)
   const netRef = useRef<HTMLDivElement>(null)
 
   useEffect(() => {
+    setMounted(true)
     function close(e: MouseEvent) {
       if (netRef.current && !netRef.current.contains(e.target as Node)) setNetOpen(false)
     }
@@ -41,7 +43,7 @@ export function Nav() {
     }
   }
 
-  const dot = NET_DOTS[cluster?.id ?? ''] ?? '#8A8FA3'
+  const dot = mounted ? (NET_DOTS[cluster?.id ?? ''] ?? '#8A8FA3') : '#8A8FA3'
 
   return (
     <nav
@@ -163,7 +165,7 @@ export function Nav() {
           }}
         >
           <span style={{ width: 8, height: 8, borderRadius: '50%', background: dot, boxShadow: `0 0 8px ${dot}` }} />
-          {cluster?.label ?? 'Network'}
+          {mounted ? (cluster?.label ?? 'Network') : 'Network'}
           <span style={{ color: 'var(--mut)', fontSize: 10 }}>▾</span>
         </button>
         {netOpen && (