Add hover effect on rating

[Suraj-Chandola]

Please add hover effect on stars

[MuhammadHaseeb-IVL]

have anyone found the solution for adding hover effect?

[mojtabamoosavi]

I had the same problem and fixed it :
You can set initial state like this: tempRate: null and use onStarHover props to set tempRate value.
So, in StarRating component set the value props like this : value={tempRating ? tempRating : rating}.

I hope solve your problem.

[pigd0g]

Hover Example - https://codesandbox.io/s/tailwind-star-rating-heroicons-lixtc?file=/src/App.js