diff --git a/src/backend/langflow/interface/custom/directory_reader.py b/src/backend/langflow/interface/custom/directory_reader.py
index 309577544..3613de5d4 100644
--- a/src/backend/langflow/interface/custom/directory_reader.py
+++ b/src/backend/langflow/interface/custom/directory_reader.py
@@ -227,12 +227,13 @@ class DirectoryReader:
             component_name = filename.split(".")[0]
             # This is the name of the file which will be displayed in the UI
             # We need to change it from snake_case to CamelCase
-            camel_case_name = " ".join(
+            component_name_camelcase = " ".join(
                 word.title() for word in component_name.split("_")
             )
 
             component_info = {
-                "name": camel_case_name,
+                "name": "CustomComponent",
+                "output_types": [component_name_camelcase],
                 "file": filename,
                 "code": result_content if validation_result else "",
                 "error": "" if validation_result else result_content,
diff --git a/src/backend/langflow/interface/types.py b/src/backend/langflow/interface/types.py
index a0ad518bd..eb43d95b9 100644
--- a/src/backend/langflow/interface/types.py
+++ b/src/backend/langflow/interface/types.py
@@ -330,12 +330,14 @@ def build_valid_menu(valid_components):
             try:
                 component_name = component["name"]
                 component_code = component["code"]
+                component_output_types = component["output_types"]
 
                 component_extractor = CustomComponent(code=component_code)
                 component_extractor.is_check_valid()
                 component_template = build_langchain_template_custom_component(
                     component_extractor
                 )
+                component_template["output_types"] = component_output_types
 
                 valid_menu[menu_name][component_name] = component_template