casesandberg / casesandberg/react-color

BUG: SketchPicker Component in SSR project display warning props don't match

Open
#808 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
12.3k
Forks
920
PR merge metrics
No merged PRs in 30d

Description

SketchPicker use in the SSR project:

`



`

chrome devtools show:

![image](https://user-images.githubusercontent.com/5476455/110310194-36761200-803d-11eb-890a-527e3919ce1f.png)

during debug the SketchPicker source code, I find there is something need update:

https://github.com/casesandberg/react-color/blob/master/src/components/sketch/Sketch.js#L118

![image](https://user-images.githubusercontent.com/5476455/110310724-d0d65580-803d-11eb-94f5-14f8a866c78c.png)

Checkboard need props renderers, then server render is the same with client render.
may be I can pull requests resolve it.

Contributor guide

Open the contributing guide

Research direction

Start with src/components/sketch/Sketch.js around the referenced line and trace how SketchPicker renders Checkboard when custom renderers are supplied. Verify the SSR and client output no longer produce the reported props-mismatch warning, using the provided SketchPicker example as the reproduction.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
50/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.