watchQuery(...).map fails

[kamranayub]

Intended outcome:

Trying to map/transform results before subscribing to ObservableQuery.

Actual outcome:

Error in zen-observable map function,

TypeError: Cannot read property 'variables' of undefined
at new ObservableQuery 

I believe because it's trying to do new ObservableQuery({ next, error, complete }) which is not how the ObservableQuery works.

How to reproduce the issue:

https://codesandbox.io/s/72j58qln6x

Version

• apollo-client@2.0.4

[compwright]

Have you tried wrapping with Rx.Observable?

const Observable = require('rxjs').Observable;
const query = client.watchQuery({ query: MY_QUERY });
const query$ = Observable.from(query).map(...).subscribe(...);

[kamranayub]

I haven't, I was trying the Apollo RxJS module though without luck as well. I can try it with raw Rx.

…

On Sat, Jan 6, 2018, 22:18 Jonathon Hill ***@***.***> wrote: Have you tried wrapping with Rx.Observable? const Observable = require('rxjs').Observable;const query = client.watchQuery({ query: MY_QUERY });const query$ = Observable.from(query).map(...).subscribe(...); — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#2788 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAiaa6OsicSucdbVK_B91RpDNWd4cNZzks5tIEWygaJpZM4RNpif> .

[kamranayub]

IT TOTALLY WORKS @compwright! That should be okay for my purposes 👍

[fullykubed]

Same exact issue in Apollo 2.3.5. Possible regression?

Example code:

        this.infoQuery = client.watchQuery({
            query,
            variables: {userID},
        });
        this.infoQuery
            .map((res) => {
                console.log("res", res);
                return res;
            })
            .subscribe({
                next: (x) => this.setState({}),
            });