refactor: change onLoad to onRiveReady

Author: damzobridge

src/hooks/useRive.tsx

@@ -131,9 +131,10 @@ export default function useRive(
     let r: Rive | null;
     if (rive == null) {
       const { useOffscreenRenderer } = options;
+      const { onRiveReady, ...restRiveParams } = riveParams;
       r = new Rive({
         useOffscreenRenderer,
-        ...riveParams,
+        ...restRiveParams,
         canvas: canvasElem,
       });
       if (riveRef.current != null) {
@@ -143,8 +144,8 @@ export default function useRive(
       r.on(EventType.Load, () => {
         isLoaded = true;
 
-        if (options.onLoad) {
-          options.onLoad(r!);
+        if (onRiveReady) {
+          onRiveReady(r!);
         }
 
         // Check if the component/canvas is mounted before setting state to avoid setState

src/types.ts

@@ -6,7 +6,9 @@ import {
 } from '@rive-app/canvas';
 import { ComponentProps, RefCallback } from 'react';
 
-export type UseRiveParameters = Partial<Omit<RiveParameters, 'canvas'>> | null;
+export type UseRiveParameters = Partial<Omit<RiveParameters, 'canvas'>> & {
+  onRiveReady?: (rive: Rive) => void;
+} | null;
 
 export type UseRiveOptions = {
   useDevicePixelRatio: boolean;
@@ -15,7 +17,6 @@ export type UseRiveOptions = {
   useOffscreenRenderer: boolean;
   shouldResizeCanvasToContainer: boolean;
   shouldUseIntersectionObserver?: boolean;
-  onLoad?: (rive: Rive) => void;
 };
 
 export type Dimensions = {