fix: Fix async function name in config.ts and remove unnecessary catc…

…h block

frontend/src/components/common/NetworkSelector.tsx

@@ -36,11 +36,11 @@ const NETWORK_METADATA = {
 } as const
 
 export const NetworkSelector = ({ selectedNetwork, onNetworkChange }: Props) => {
-  const [config, setConfig] = useState<Config | null>(null)
+  const [config, setConfig] = useState<Config>()
   const [isOpen, setIsOpen] = useState(false)
 
   useEffect(() => {
-    getConfig().then(setConfig).catch(console.error)
+    getConfig().then(setConfig)
   }, [])
 
   const networks = config?.notebooks['xatu-public-contributors'].networks || ['mainnet']

frontend/src/utils/config.ts

@@ -4,20 +4,30 @@ import yaml from 'js-yaml'
 // Cache the config once loaded
 let loadedConfig: Config | undefined
 
-export async function loadConfig() {
+export const getConfig = async (): Promise<Config> => {
+  // Return cached config if available
+  if (loadedConfig) {
+    return loadedConfig
+  }
+
+  // Fetch config from the appropriate location
   try {
     const response = await fetch('/config.yaml')
-
-    // In production, we get the raw YAML
-    if (import.meta.env.PROD) {
-      const yamlText = await response.text()
-      return yaml.load(yamlText)
+    if (!response.ok) {
+      throw new Error(`Failed to load config: ${response.statusText}`)
     }
 
+    // In production, we get raw YAML
     // In dev, we get JSON from our middleware
-    return await response.json()
+    const text = await response.text()
+    const data = import.meta.env.PROD 
+      ? yaml.load(text) as Config
+      : JSON.parse(text) as Config
+
+    loadedConfig = data
+    return loadedConfig
   } catch (error) {
-    console.error('Failed to load config:', error)
+    console.error('❌ Failed to load config:', error)
     throw error
   }
 }