Cannot edit response object - Object frozen

Hi, I have the following code: const GetChatsQuery = gql query($withBlocked: Boolean) { userChats(withBlocked: $withBlocked) { ${ GetChatGraphQL(10) } } };

    ` return this.apollo.query({
        query: GetChatsQuery,
        variables: {
            withBlocked: withBlocked
        }
    }).map(res => {
        let response = <GetChatsResponse>res.data;
        // I get here the error
        response.userChats[0].messages.push(null);
        return response.userChats;
    })`

The thing is that I’m getting an error on the push method:

Cannot add property 2, object is not extensible

As I understood from the internet it means that the object is frozen (Object.freeze). Have anyone had that problem before? how can I solve it?

[kamilkisiela]

It’s by design. You don’t want to touch store directly so Apollo Client freezes the result. It’s the same behaviour as in Redux, Ngrx and so on. They don’t freeze the results but they say to not mutate it. This won’t change anytime soon.

[ranbuch]

Object.freeze = () => {}

Messes things up, I’ll just deep-copy the response like this:

let unFreeze = JSON.parse(JSON.stringify(response));