fix: model onReady method fires at wrong moment

src/Model/Model.ts

@@ -81,6 +81,8 @@
 
 export const otherProps = ["onReady", "onError", "url"] as const;
 
+let readyEventListener: ((model: CesiumModel) => void) | null = null
+
 const Model = createCesiumComponent<CesiumModel, ModelProps>({
   name: "Model",
   async create(context, { scene, url, colorBlendMode, ...props }) {
@@ -98,15 +100,20 @@
       resultURL = maybePromiseURL as typeof resultURL;
     }
 
+
     let element;
+
+    readyEventListener = (model: CesiumModel) => {
+      props.onReady?.(model)
+    }
     try {
       element = await CesiumModel.fromGltfAsync({
         ...props,
         url: resultURL,
         colorBlendMode: colorBlendMode as ColorBlendMode,
         scene: scene || context.scene,
       });
-      props.onReady?.(element);
+      element.readyEvent.addEventListener(readyEventListener)
     } catch (e) {
       props.onError?.(e);
       return;
@@ -116,6 +123,9 @@
     return element;
   },
   destroy(element, context) {
+    if (readyEventListener) {
+      element.readyEvent.removeEventListener(readyEventListener)
+    }
     if (context.primitiveCollection && !context.primitiveCollection.isDestroyed()) {
       context.primitiveCollection.remove(element);
     }