Update app.py

app.py

@@ -42,7 +42,7 @@ app_ui = ui.page_fillable(
             ui.input_switch("by_species", "Show species", value=True),
             ui.input_switch("show_margins", "Show marginal plots", value=True),
         ),
-        ui.output_ui("uploaded_image"),  # display the uploaded TIFF sidewalk tile image
+        ui.output_image("uploaded_image"),  # display the uploaded TIFF sidewalk tile image
         ui.output_ui("value_boxes"),
         ui.output_plot("scatter", fill=True),
         ui.help_text(
@@ -63,15 +63,21 @@ def server(input: Inputs, output: Outputs, session: Session):
         else:
             return ""  # No image uploaded
     
-    @output
-    @render.ui
+    # @output
+    # @render.ui
+    # def uploaded_image():
+    #     """Displays the uploaded image"""
+    #     img_src = uploaded_image_path()
+    #     if img_src:
+    #         return ui.tags.img(src=str(img_src), style={"max-width": "100%"})
+    #     else:
+    #         return ""  # Return an empty string if no image is uploaded
+
+    @render.image
     def uploaded_image():
-        """Displays the uploaded image"""
         img_src = uploaded_image_path()
-        if img_src:
-            return ui.tags.img(src=str(img_src), style={"max-width": "100%"})
-        else:
-            return ""  # Return an empty string if no image is uploaded
+        img: ImgData = {"src": str(img_src), "width": "100px"}
+        return img
     
     @reactive.Calc
     def filtered_df() -> pd.DataFrame: