diff --git a/.changeset/cuddly-boxes-hear.md b/.changeset/cuddly-boxes-hear.md
new file mode 100644
index 0000000000..f13fd4672e
--- /dev/null
+++ b/.changeset/cuddly-boxes-hear.md
@@ -0,0 +1,6 @@
+---
+"@gradio/chatbot": patch
+"gradio": patch
+---
+
+fix:Fixes chatbot unsupported components 
diff --git a/js/chatbot/shared/utils.ts b/js/chatbot/shared/utils.ts
index 1646b25a88..7072749686 100644
--- a/js/chatbot/shared/utils.ts
+++ b/js/chatbot/shared/utils.ts
@@ -299,9 +299,16 @@ export async function load_components(
 		components.push(component);
 		component_name;
 	});
-	const loaded_components: LoadedComponent[] = await Promise.all(components);
-	loaded_components.forEach((component, i) => {
-		_components[names[i]] = component.default;
+
+	const resolved_components = await Promise.allSettled(components);
+	const supported_components: [number, LoadedComponent][] = resolved_components
+		.map((result, index) =>
+			result.status === "fulfilled" ? [index, result.value] : null
+		)
+		.filter((item): item is [number, LoadedComponent] => item !== null);
+
+	supported_components.forEach(([originalIndex, component]) => {
+		_components[names[originalIndex]] = component.default;
 	});
 
 	return _components;