Color picker UI does not update on drag (possibly related to SSR)

Hi there — first off, thanks for making this!

I implemented this and I'm seeing the following error in console:

```
Warning: Prop `style` did not match. Server: "position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:url(null) center left" Client: "position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) center left"
in div (created by Checkboard)
in Checkboard (created by Chrome)
```

We are using NextJS so I'm wondering if the issue comes from that.

Dragging still works in that it returns the proper value in `onChange`, but it does not update the UI so it looks like it's stuck.


Begin with the Checkboard component named in the warning and reproduce the color picker under Next.js server-side rendering. Compare the server and client styles while dragging, then verify that the picker UI updates visually without the hydration mismatch and that onChange still returns the correct value.

Written by the indexing model from the issue text.