React Warning: Prop `id` did not match. Server: "rw_*_notify_area" Client: "rw_1_notify_area"

[BigPrimeNumbers]

Getting this warning from my isomorphic app using React 16.3.1 when using the multiselect widget, where the * is the an integer representing the number of times one has refreshed a page that includes the widget. No other warnings from other widgets/components.

This seems to only occur if the widget is not given any id.

[jquense]

yeah, this is because we can't generate id's in a order that work automatically with React SSR, there is a note about in the docs (tho admittedly not in an obvious place)

Note: Because of how server-side rendering works, using auto generated ids may cause checksum mismatches. Always provide id props to your components to avoid this possible pitfall.

Feel free to 👍 this RFC as well, which would eliminate this problem: reactjs/rfcs#32

[BigPrimeNumbers]

I've added my support to this request. Hopefully they add this support to React in the (near) future.