react-custom-roulette
react-custom-roulette copied to clipboard
Roulette blinks the moment it stops spinning
Hi there, I'm experiencing an issue where, the moment the roulette stops spinning, it blinks for a fraction of a second, likely returning to its initial state. Then it goes back to the finish state.
- I'm using Nextjs
- the roulette component is imported dynamically
- there are no additional re-renders after it stops spinning
<Wheel
mustStartSpinning={spin}
data={data}
startingOptionIndex={2}
fontFamily="Lexend"
fontSize={35}
textDistance={65}
fontWeight="500"
prizeNumber={prizeIndex}
backgroundColors={["#fff8eb", "#fff1d9", "#ffe3b3", "#ffdb65"]}
textColors={["rgba(0,0,0, 0.6)", "rgba(0,0,0, 0.7)", "rgb(0,0,0)", "rgb(255,255,255)"]}
radiusLineColor="#ffffff"
innerBorderColor="#ffffff"
outerBorderColor="#ffffff"
innerRadius={26}
spinDuration={0.5}
onStopSpinning={handleFinishSpin}
/>