From 67b8eb9b15bf520cb43db53b2df243168db1814b Mon Sep 17 00:00:00 2001
From: Khaleel Al-Adhami <khaleel.aladhami@gmail.com>
Date: Tue, 22 Oct 2024 19:26:25 -0700
Subject: [PATCH] fix pyi

---
 reflex/components/core/upload.py | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/reflex/components/core/upload.py b/reflex/components/core/upload.py
index a95bede10..2de37fc0e 100644
--- a/reflex/components/core/upload.py
+++ b/reflex/components/core/upload.py
@@ -286,6 +286,14 @@ class Upload(MemoizationLeaf):
             format.to_camel_case(key): value for key, value in upload_props.items()
         }
 
+        use_dropzone_arguements = {
+            "onDrop": event_var,
+            **upload_props,
+        }
+
+        left_side = f"const {{getRootProps: {root_props_unique_name}, getInputProps: {input_props_unique_name}}} "
+        right_side = f"useDropzone({str(Var.create(use_dropzone_arguements))})"
+
         var_data = VarData.merge(
             VarData(
                 imports=Imports.EVENTS,
@@ -297,12 +305,7 @@ class Upload(MemoizationLeaf):
             VarData(
                 hooks={
                     callback_str: None,
-                    f"const {{getRootProps: {root_props_unique_name}, getInputProps: {input_props_unique_name}}} = useDropzone({
-                    str(Var.create({
-                        'onDrop': event_var,
-                        **upload_props,
-                    }))
-                });": None,
+                    f"{left_side} = {right_side};": None,
                 },
                 imports={
                     "react-dropzone": "useDropzone",