diff --git a/reflex/components/core/debounce.py b/reflex/components/core/debounce.py
index ab0adfc9714..1d42dad2ff5 100644
--- a/reflex/components/core/debounce.py
+++ b/reflex/components/core/debounce.py
@@ -111,6 +111,7 @@ def create(cls, *children: Component, **props: Any) -> Component:
         child_ref = child.get_ref()
         if props.get("input_ref") is None and child_ref:
             props["input_ref"] = Var(_js_expr=child_ref, _var_type=str)
+        if child.id is not None:
             props["id"] = child.id
 
         # Set the child element to wrap, including any imports/hooks from the child.