Apollo-client: Observable.js:6 Uncaught TypeError: Object prototype may only be an Object or null: undefined

Created on 1 Nov 2017 · 8Comments · Source: apollographql/apollo-client

I've updated my project to the latest apollo-client version as per the upgrade instructions.

"apollo-cache-inmemory": "^1.0.0",
"apollo-client": "^2.0.1",
"apollo-link": "^1.0.0",
"apollo-link-http": "^1.0.0",
"graphql": "^0.11.7",
"react-apollo": "^2.0.0",

And upgraded like so

const {InMemoryCache} = require('apollo-cache-inmemory');
const ApolloClient = require('apollo-client');
const createCustomLink = require('./createCustomLink');

const client = new ApolloClient({
        link: createCustomLink({   // my custom Link implementation, not relevant to issue
            schema,
            context
        }),
        cache: new InMemoryCache().restore(initialApolloState)
});

However in my setup this code is blowing up client side on the apollo-client import line (oddly enough it seems to work server side) with the exception

VM10091 bundle.js:42603 Uncaught TypeError: Object prototype may only be an Object or null: undefined
    at setPrototypeOf (<anonymous>)
    at webpackJsonp../node_modules/apollo-client/index.js.Observable___extends (VM10091 bundle.js:42603)
    at VM10091 bundle.js:42611
    at Object../node_modules/apollo-client/index.js (VM10091 bundle.js:42619)
    at __webpack_require__ (VM10085 common.js:704)
    at fn (VM10085 common.js:117)
    at Object../src/universal/index.js (VM10091 bundle.js:118389)
    at __webpack_require__ (VM10085 common.js:704)
    at fn (VM10085 common.js:117)
    at Object.1 (VM10091 bundle.js:119067)

I dug into the apollo-client code in my node_modules and it looks like it's blowing up because the LinkObservable import is not working (it's undefined).

var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
import { Observable as LinkObservable } from 'apollo-link';
import $$observable from 'symbol-observable';
var Observable = (function (_super) {
    __extends(Observable, _super);
    function Observable() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    Observable.prototype[$$observable] = function () {
        return this;
    };
    return Observable;
}(LinkObservable));
export { Observable };
//# sourceMappingURL=Observable.js.map

I'm stumped at what's broken. My best guess is that possibly something is wrong with how webpack is pulling in the apollo-client modules.

Version

🙏 help-wanted

Source