image still not correct

app.py

@@ -32,9 +32,12 @@ model.load_state_dict(torch.hub.load_state_dict_from_url(model_path))
 model.eval()
 
 # Gradio preprocessing and prediction pipeline
-def predict_digit(image):
-    # Convert the numpy array (from gr.Sketchpad) to a PIL Image
-    image = Image.fromarray(image).convert('L')  # Convert to grayscale
+def predict_digit(image_dict):
+    # Extract the image array from the 'mask' key (gr.Sketchpad output)
+    image = image_dict["mask"]  # Get the image from the dict
+
+    # Convert the image to a numpy array, then to a PIL image, and preprocess
+    image = Image.fromarray(np.array(image)).convert('L')  # Convert to grayscale
 
     # Preprocess: resize to 28x28 and normalize
     transform = transforms.Compose([
@@ -64,4 +67,3 @@ interface = gr.Interface(
 # Launch the app
 if __name__ == "__main__":
     interface.launch()
-