diff --git a/reflex/.templates/jinja/web/pages/custom_component.js.jinja2 b/reflex/.templates/jinja/web/pages/custom_component.js.jinja2
index 6b1438c62..210246992 100644
--- a/reflex/.templates/jinja/web/pages/custom_component.js.jinja2
+++ b/reflex/.templates/jinja/web/pages/custom_component.js.jinja2
@@ -22,6 +22,9 @@ export const {{component.name}} = memo(({ {{-component.props|join(", ")-}} }) =>
 
     }
 {% endif %}
+    {% for hook in component.hooks %}
+    {{ hook }}
+    {% endfor %}
     return(
         {{utils.render(component.render)}}
       )
diff --git a/reflex/compiler/utils.py b/reflex/compiler/utils.py
index 0a4df7a4e..dd3a09453 100644
--- a/reflex/compiler/utils.py
+++ b/reflex/compiler/utils.py
@@ -254,6 +254,7 @@ def compile_custom_component(
             "name": component.tag,
             "props": props,
             "render": render.render(),
+            "hooks": render.get_hooks(),
             "custom_code": render.get_custom_code(),
         },
         imports,