feat: add safe-detect-changes function

Author: nartc

libs/angular-three/src/index.ts

@@ -17,4 +17,5 @@ export { createAttachFunction } from './lib/utils/attach';
 export * from './lib/utils/instance';
 export * from './lib/utils/is';
 export * from './lib/utils/make';
+export * from './lib/utils/safe-detect-changes';
 export * from './lib/utils/update';

libs/angular-three/src/lib/di/ref.ts

@@ -11,9 +11,10 @@ import {
     switchMap,
     takeUntil,
 } from 'rxjs';
-import type { NgtAnyRecord, NgtInstanceNode } from '../types';
+import type { NgtInstanceNode } from '../types';
 import { getLocalState } from '../utils/instance';
 import { is } from '../utils/is';
+import { safeDetectChanges } from '../utils/safe-detect-changes';
 import { injectNgtDestroy } from './destroy';
 
 type Subscribe<T> = (callback: (current: T, previous: T | null) => void) => Subscription;
@@ -102,9 +103,7 @@ export function injectNgtRef<T>(initialValue: NgtInjectedRef<T> | (T | null) = n
                     // during creation phase, 'context' on ViewRef will be null
                     // we check the "context" to avoid running detectChanges during this phase.
                     // because there's nothing to check
-                    if ((cd as NgtAnyRecord)['context']) {
-                        cd.detectChanges();
-                    }
+                    safeDetectChanges(cd);
                 }
             }
         },

libs/angular-three/src/lib/utils/safe-detect-changes.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { NgtAnyRecord } from '../types';
+
+export function safeDetectChanges(cdr: ChangeDetectorRef) {
+    try {
+        if ((cdr as NgtAnyRecord)['context']) {
+            cdr.detectChanges();
+        }
+    } catch (e) {
+        cdr.markForCheck();
+    }
+}