From 19b6fe9efc50bf1be95c40f546556289523ba75a Mon Sep 17 00:00:00 2001
From: Khaleel Al-Adhami <khaleel.aladhami@gmail.com>
Date: Wed, 15 Jan 2025 18:02:44 -0800
Subject: [PATCH] handle component at largest scope

---
 reflex/compiler/compiler.py | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/reflex/compiler/compiler.py b/reflex/compiler/compiler.py
index 3fe6a1029..894406431 100644
--- a/reflex/compiler/compiler.py
+++ b/reflex/compiler/compiler.py
@@ -570,6 +570,9 @@ def compile_unevaluated_page(
     if isinstance(component, tuple):
         component = Fragment.create(*component)
 
+    if isinstance(component, Var):
+        component = Fragment.create(component)
+
     component._add_style_recursive(style or {}, theme)
 
     enable_state = False