Angular Apollo Dev Tools Issues

[BryantDavis1986]

Intended outcome:

Trying to have the dev tools appear when in non prod mode without being forced to use connectToDevTools = true
when dev tools do appear the queries disappear instantly but the mutations stay in place and the cache is functional.

Actual outcome:

I have to add connecToDevTools = true in two place. one in our subscription service and one in our apollo service/module

How to reproduce the issue:
I am unsure of the problem so I do not know the reproduction steps.

Desktop (please complete the following information):

• OS: Winows 10 Pro 10.0.19043
• Browser: Chrome
• Browser version 98.0.4758.82
• Extension version 4.0

UI:
Angular: 10.2.4
Apollo Client: 3.3.7

Server:
Apollo Server Core: 2.21.2
NestJS Core: 7.0.9
GraphQL: 15.3.0

We are instantiating new InMemoryCache(options) in 2 places in the UI.
unsure if this might be the concern.
our subscription service:

and our GraphQL Module:

this is the build options for Angular:

[Anutrix]

I started getting following error recently in multiple angular websites in random unrelated components:

TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable

It completely breaks site and prevents it from loading.

Occurs only when this Firefox extension is enabled. Issue only started recently so I'm nearly sure it's because of version 4.1.4.

[alessbell]

Trying to have the dev tools appear when in non prod mode without being forced to use connectToDevTools = true

This should be fixed with the devtools version 4.1.5 and greater and Apollo Client 3.8.3 and greater (currently the version at latest).

Can you confirm upgrading fixes your issue, @BryantDavis1986?