react-custom-roulette icon indicating copy to clipboard operation
react-custom-roulette copied to clipboard

Roulette blinks the moment it stops spinning

Open mateuszlason opened this issue 4 months ago • 2 comments

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}
          />

mateuszlason avatar Oct 09 '24 15:10 mateuszlason