ApolloClient does not delay the application becoming stable

Otherwise, we might encounter a delay of 10 seconds, and this might lead
to suboptimal experience as described in https://angular.io/errors/NG0506

Fixes #2251

.changeset/dirty-pigs-suffer.md

@@ -0,0 +1,5 @@
+---
+"apollo-angular": patch
+---
+
+ApolloClient does not delay the application becoming stable

packages/apollo-angular/src/apollo.ts

@@ -116,14 +116,14 @@ export class Apollo extends ApolloBase<any> {
   private map: Map<string, ApolloBase<any>> = new Map<string, ApolloBase<any>>();
 
   constructor(
-    private _ngZone: NgZone,
+    ngZone: NgZone,
     @Optional()
     @Inject(APOLLO_OPTIONS)
     apolloOptions?: ApolloClientOptions<any>,
     @Inject(APOLLO_NAMED_OPTIONS) @Optional() apolloNamedOptions?: NamedOptions,
     @Inject(APOLLO_FLAGS) @Optional() flags?: Flags,
   ) {
-    super(_ngZone, flags);
+    super(ngZone, flags);
 
     if (apolloOptions) {
       this.createDefault(apolloOptions);
@@ -180,7 +180,7 @@ export class Apollo extends ApolloBase<any> {
       throw new Error('Apollo has been already created.');
     }
 
-    this.client = new ApolloClient<TCacheShape>(options);
+    this.client = this.ngZone.runOutsideAngular(() => new ApolloClient<TCacheShape>(options));
   }
 
   /**
@@ -194,7 +194,11 @@ export class Apollo extends ApolloBase<any> {
     }
     this.map.set(
       name,
-      new ApolloBase(this._ngZone, this.flags, new ApolloClient<TCacheShape>(options)),
+      new ApolloBase(
+        this.ngZone,
+        this.flags,
+        this.ngZone.runOutsideAngular(() => new ApolloClient<TCacheShape>(options)),
+      ),
     );
   }
 

packages/apollo-angular/tests/Apollo.spec.ts

@@ -29,7 +29,8 @@ describe('Apollo', () => {
     });
 
     ngZone = {
-      run: jest.fn(cb => cb()),
+      run: (cb: () => unknown) => cb(),
+      runOutsideAngular: (cb: () => unknown) => cb(),
     } as any;
   });