Updated input and output code to components

app.py

@@ -28,6 +28,7 @@ dataset = load_dataset("darentang/generated", split="test")
 Image.open(dataset[2]["image_path"]).convert("RGB").save("example1.png")
 Image.open(dataset[1]["image_path"]).convert("RGB").save("example2.png")
 Image.open(dataset[0]["image_path"]).convert("RGB").save("example3.png")
+
 # define id2label, label2color
 labels = dataset.features['ner_tags'].feature.names
 id2label = {v: k for v, k in enumerate(labels)}
@@ -100,8 +101,8 @@ article="<b>References</b><br>[1] Y. Xu et al., “LayoutLMv3: Pre-training for
 css = """.output_image, .input_image {height: 600px !important}"""
 
 iface = gr.Interface(fn=process_image, 
-                     inputs=gr.inputs.Image(type="pil"), 
-                     outputs=gr.outputs.Image(type="pil", label="annotated image"),
+                     inputs=gr.components.Image(type="pil"), 
+                     outputs=gr.components.Image(type="pil", label="annotated image"),
                      title=title,
                      description=description,
                      article=article,