Warning: Prop `id` did not match.

Hello, I’m rendering React 16 on client and server(SSR) with new function React.hydrate(). And console throw Warning message: Warning: Prop id did not match. Server: "starGrad239537257264089" Client: "starGrad357747279155326"

This is the only problem with this component. Thank’s a lot!

[BodyaNK]

If you’re using Next js with server side rendering, you need to import StarRatings from “react-star-ratings” dynamically with no ssr. For example:

import dynamic from "next/dynamic";
const StarRatings = dynamic(() => import("react-star-ratings"), {
  ssr: false,
});

For me it’s work. Hope this will help.

[robin-thomas]

Me too. Probably coz of the fillId: https://github.com/ekeric13/react-star-ratings/blob/master/src/star-ratings.js#L9