fix: check for NgtRendererNode when accessing injectorFactory

Author: nartc

libs/angular-three/src/lib/renderer/renderer.ts

@@ -341,7 +341,10 @@ export class NgtRenderer implements Renderer2 {
     }
 
     listen(target: NgtRendererNode, eventName: string, callback: (event: any) => boolean | void): () => void {
-        const targetCdr = target.__ngt_renderer__[NgtRendererClassId.injectorFactory]?.().get(ChangeDetectorRef, null);
+        const targetCdr = target.__ngt_renderer__?.[NgtRendererClassId.injectorFactory]?.().get(
+            ChangeDetectorRef,
+            undefined
+        );
         // if target is DOM node, then we pass that to delegate Renderer
         if (this.store.isDOM(target)) {
             const callbackWithCdr = (event: any) => {

libs/angular-three/src/lib/renderer/utils.ts

@@ -144,7 +144,7 @@ export function processThreeEvent(
     eventName: string,
     callback: (event: any) => void,
     cdr: ChangeDetectorRef,
-    targetCdr: ChangeDetectorRef | null
+    targetCdr?: ChangeDetectorRef
 ): () => void {
     const lS = getLocalState(instance);
     if (eventName === SPECIAL_EVENTS.BEFORE_RENDER) {
@@ -194,11 +194,7 @@ export function processThreeEvent(
     };
 }
 
-export function eventToHandler(
-    callback: (event: any) => void,
-    cdr: ChangeDetectorRef,
-    targetCdr: ChangeDetectorRef | null
-) {
+export function eventToHandler(callback: (event: any) => void, cdr: ChangeDetectorRef, targetCdr?: ChangeDetectorRef) {
     return (event: Parameters<Exclude<NgtEventHandlers[(typeof supportedEvents)[number]], undefined>>[0]) => {
         callback(event);
         if (targetCdr) targetCdr.detectChanges();