Repository: gradio-app/gradio

Issue:
ColorPicker examples not displayed in examples dataset component
### Describe the bug

When running an app with ColorPicker examples, the example colors are not displayed in the examples dataset/dataframe.

The color is being correctly selected and displayed in the ColorPicker component though, which makes me think the backend logic is sound and it's a problem specific to the Dataset UI component.

### Is there an existing issue for this?

- [X] I have searched the existing issues

### Reproduction

Run `demo/color_picker/run.py` with the following modifications (setting red and blue as example colors)

```python
import gradio as gr
import numpy as np
from PIL import Image, ImageColor



def change_color(icon, color):


    """
    Function that given an icon in .png format changes its color
    Args:
        icon: Icon whose color needs to be changed.
        color: Chosen color with which to edit the input icon.
    Returns:
        edited_image: Edited icon.
    """
    img = icon.convert("LA")
    img = img.convert("RGBA")
    image_np = np.array(icon)
    _, _, _, alpha = image_np.T
    mask = (alpha > 0)
    image_np[..., :-1][mask.T] = ImageColor.getcolor(color, "RGB")
    edited_image = Image.fromarray(image_np)
    return edited_image


inputs = [
        gr.Image(label="icon", type="pil", image_mode="RGBA"),
        gr.ColorPicker(label="color")
    ]
outputs = gr.Image(label="colored icon")

demo = gr.Interface(
    fn=change_color,
    inputs=inputs,
    outputs=outputs,
    examples=[["/Users/freddy/sources/gradio/demo/blocks_inputs/lion.jpg", "#ff0000"],
              ["/Users/freddy/sources/gradio/demo/blocks_inputs/lion.jpg", "#0000FF"]]
)

if __name__ == "__main__":
    demo.launch()
```


### Screenshot

![color_picker_color_not_showing_up](https://user-images.githubusercontent.com/41651716/178524025-62ed839a-483c-4eeb-b3b1-b215eb09456e.gif)


### Logs

```shell
-
```


### System Info

```shell
On main
```


### Severity

annoying


Discussion:

Resolving patch:
diff --git a/demo/color_picker/run.py b/demo/color_picker/run.py
--- a/demo/color_picker/run.py
+++ b/demo/color_picker/run.py
@@ -1,12 +1,11 @@
 import gradio as gr
 import numpy as np
+import os
 from PIL import Image, ImageColor
 
 
-
 def change_color(icon, color):
 
-
     """
     Function that given an icon in .png format changes its color
     Args:
@@ -19,24 +18,27 @@ def change_color(icon, color):
     img = img.convert("RGBA")
     image_np = np.array(icon)
     _, _, _, alpha = image_np.T
-    mask = (alpha > 0)
+    mask = alpha > 0
     image_np[..., :-1][mask.T] = ImageColor.getcolor(color, "RGB")
     edited_image = Image.fromarray(image_np)
     return edited_image
 
 
 inputs = [
-        gr.Image(label="icon", type="pil", image_mode="RGBA"),
-        gr.ColorPicker(label="color")
-    ]
+    gr.Image(label="icon", type="pil", image_mode="RGBA"),
+    gr.ColorPicker(label="color"),
+]
 outputs = gr.Image(label="colored icon")
 
 demo = gr.Interface(
     fn=change_color,
     inputs=inputs,
     outputs=outputs,
+    examples=[
+        [os.path.join(os.path.dirname(__file__), "lion.jpg"), "#ff0000"],
+        [os.path.join(os.path.dirname(__file__), "lion.jpg"), "#0000FF"],
+    ],
 )
 
 if __name__ == "__main__":
     demo.launch()
-


Test patch: