rive animation first time load failed

Hi guys, i am using next 13 with "@rive-app/react-canvas": "^4.8.1"
and this is my code

  const { RiveComponent, rive } = useRive({
    src: "xxxx.riv",
    stateMachines: STATE_MACHINE_NAME,
    artboard: "xxxx",
    autoplay: true,
    layout: new Layout({ fit: Fit.Contain }),
  }); 

sometimes the animation cant autoplay properly, (it looks broken like how it look in rive app before start the animation)
its like 25% chance this will happened and i cant find a way to detect it.

i tried below it also doesnt work

autoplay: false
useEffect(()=>{ if(rive) rive.play()},[])
or
useEffect(()=>{ if(rive) rive.play()},[rive])

Start with the reported Next 13 useRive configuration using @rive-app/react-canvas, then trace the RiveComponent and rive.play() entry points involved when the animation first loads. Reproduce the intermittent failure and compare autoplay with the provided effect-based playback attempts; done means the first-load animation behavior is reliably understood and corrected or the failure can be detected.