From 809fcaf471543db43ef1cf15361e69c32339d608 Mon Sep 17 00:00:00 2001
From: JohnDoe6345789 <john.doe6345789@gmail.com>
Date: Fri, 26 Dec 2025 00:08:29 +0000
Subject: [PATCH] code: tsx,nextjs,frontends (1 files)

---
 .../src/components/ComponentConfigDialog.tsx  | 39 +++++++++----------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/frontends/nextjs/src/components/ComponentConfigDialog.tsx b/frontends/nextjs/src/components/ComponentConfigDialog.tsx
index ce0bf9857..7a576227e 100644
--- a/frontends/nextjs/src/components/ComponentConfigDialog.tsx
+++ b/frontends/nextjs/src/components/ComponentConfigDialog.tsx
@@ -23,31 +23,30 @@ interface ComponentConfigDialogProps {
 
 export function ComponentConfigDialog({ node, isOpen, onClose, onSave, nerdMode = false }: ComponentConfigDialogProps) {
   const [config, setConfig] = useState<ComponentConfig | null>(null)
-  const [props, setProps] = useState<Record<string, any>>({})
-  const [styles, setStyles] = useState<Record<string, any>>({})
+  const [props, setProps] = useState<Record<string, unknown>>({})
+  const [styles, setStyles] = useState<Record<string, unknown>>({})
   const [events, setEvents] = useState<Record<string, string>>({})
 
   useEffect(() => {
-    loadConfig()
-  }, [node.id])
+    const loadConfig = async () => {
+      const allConfigs = await Database.getComponentConfigs()
+      const existingConfig = allConfigs[node.id]
 
-  const loadConfig = async () => {
-    const allConfigs = await Database.getComponentConfigs()
-    const existingConfig = allConfigs[node.id]
-
-    if (existingConfig) {
-      setConfig(existingConfig)
-      setProps(existingConfig.props || {})
-      setStyles(existingConfig.styles || {})
-      setEvents(existingConfig.events || {})
-    } else {
-      const componentDef = componentCatalog.find(c => c.type === node.type)
-      setProps(componentDef?.defaultProps || {})
-      setStyles({})
-      setEvents({})
-      setConfig(null)
+      if (existingConfig) {
+        setConfig(existingConfig)
+        setProps(existingConfig.props || {})
+        setStyles(existingConfig.styles || {})
+        setEvents(existingConfig.events || {})
+      } else {
+        const componentDef = componentCatalog.find(c => c.type === node.type)
+        setProps(componentDef?.defaultProps || {})
+        setStyles({})
+        setEvents({})
+        setConfig(null)
+      }
     }
-  }
+    void loadConfig()
+  }, [node.id, node.type])
 
   const handleSave = async () => {
     const newConfig: ComponentConfig = {