diff --git a/extension/src/app/api/index.ts b/extension/src/app/api/index.ts
index 217540ac..b4ca5594 100644
--- a/extension/src/app/api/index.ts
+++ b/extension/src/app/api/index.ts
@@ -468,20 +468,21 @@ export function sendMessage<S, A extends Action<unknown>>(
       config.serialize as Serialize | undefined,
       config.serialize as Serialize | undefined
     );
+  } else {
+    toContentScript<S, A>(
+      {
+        type: 'STATE',
+        action: amendedAction,
+        payload: state,
+        maxAge: config.maxAge,
+        source,
+        name: config.name || name,
+        instanceId: config.instanceId || instanceId || 1,
+      },
+      config.serialize as Serialize | undefined,
+      config.serialize as Serialize | undefined
+    );
   }
-  toContentScript<S, A>(
-    {
-      type: 'STATE',
-      action: amendedAction,
-      payload: state,
-      maxAge: config.maxAge,
-      source,
-      name: config.name || name,
-      instanceId: config.instanceId || instanceId || 1,
-    },
-    config.serialize as Serialize | undefined,
-    config.serialize as Serialize | undefined
-  );
 }
 
 function handleMessages(event: MessageEvent<ContentScriptToPageScriptMessage>) {
diff --git a/extension/test/app/containers/App.spec.js b/extension/test/app/containers/App.spec.js
index 011054c5..3e919416 100644
--- a/extension/test/app/containers/App.spec.js
+++ b/extension/test/app/containers/App.spec.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { mount } from 'enzyme';
 import { Provider } from 'react-redux';
 import configureStore from '../../../src/app/stores/windowStore';
-import App from '../../../src/app/containers/App.js';
+import App from '../../../src/app/containers/App';
 
 const store = configureStore(store);
 const component = mount(