Resolve Symbol.observable at store creation time

packages/redux-devtools-instrument/src/getSymbolObservable.ts

@@ -0,0 +1,3 @@
+export default function getSymbolObservable() {
+  return (typeof Symbol === 'function' && Symbol.observable) || '@@observable';
+}

packages/redux-devtools-instrument/src/instrument.ts

@@ -1,16 +1,16 @@
 import difference from 'lodash/difference';
 import union from 'lodash/union';
 import isPlainObject from 'lodash/isPlainObject';
-import $$observable from './symbol-observable';
 import {
   Action,
-  Observable,
+  Observer,
   PreloadedState,
   Reducer,
   Store,
   StoreEnhancer,
   StoreEnhancerStoreCreator,
 } from 'redux';
+import getSymbolObservable from './getSymbolObservable';
 
 export const ActionTypes = {
   PERFORM_ACTION: 'PERFORM_ACTION',
@@ -903,6 +903,8 @@ export function unliftStore<
     return action;
   }
 
+  const $$observable = getSymbolObservable();
+
   return {
     liftedStore,
 
@@ -924,10 +926,9 @@ export function unliftStore<
       );
     },
 
-    [$$observable](): Observable<S> {
+    [$$observable]() {
       return {
-        ...(liftedStore as any)[$$observable](),
+        subscribe(observer: Observer<S>) {
-        subscribe(observer) {
           if (typeof observer !== 'object') {
             throw new TypeError('Expected the observer to be an object.');
           }

packages/redux-devtools-instrument/src/symbol-observable.ts

@@ -1,10 +0,0 @@
-declare global {
-  interface SymbolConstructor {
-    readonly observable: symbol;
-  }
-}
-
-const $$observable = /* #__PURE__ */ (() =>
-  (typeof Symbol === 'function' && Symbol.observable) || '@@observable')();
-
-export default $$observable;