check against hooks inside of root component (#5971)

Author: adhami3310

reflex/compiler/utils.py

@@ -417,7 +417,7 @@ def create_document_root(
         *maybe_head_components,
         *always_head_components,
     ]
-    return Html.create(
+    html_component = Html.create(
         Head.create(*head_components),
         Body.create(
             Var("children"),
@@ -427,6 +427,11 @@ def create_document_root(
         lang=html_lang or "en",
         custom_attrs=html_custom_attrs or {},
     )
+    hooks = html_component._get_all_hooks()
+    if hooks:
+        msg = "You cannot use stateful components or hooks in the document root. Check your head components."
+        raise ValueError(msg)
+    return html_component
 
 
 def create_theme(style: ComponentStyle) -> dict: