diff --git a/src/tray_library/Sidebar.tsx b/src/tray_library/Sidebar.tsx
index 71df170f..5a469ce4 100644
--- a/src/tray_library/Sidebar.tsx
+++ b/src/tray_library/Sidebar.tsx
@@ -176,10 +176,10 @@ export default function Sidebar(props: SidebarProps) {
     }, [category, componentList]);
 
     useEffect(() => {
-        const intervalId = setTimeout(() => {
-            props.factory.fetchComponentsSignal.emit(componentList);
-        }, 100); // Send component list to canvas once render or when refresh
-        return () => clearTimeout(intervalId);
+        const intervalId = setInterval(async () => {
+            await props.factory.fetchComponentsSignal.emit(componentList);
+        }, 300); // Send component list to canvas once render or when refresh
+        return () => clearInterval(intervalId);
     },[componentList, handleRefreshOnClick]);
 
     return (