diff --git a/react/features/external-api/middleware.js b/react/features/external-api/middleware.js
index d610a6b37..6c4cac81c 100644
--- a/react/features/external-api/middleware.js
+++ b/react/features/external-api/middleware.js
@@ -5,6 +5,7 @@ import { NOTIFY_CAMERA_ERROR, NOTIFY_MIC_ERROR } from '../base/devices';
 import { JitsiConferenceErrors } from '../base/lib-jitsi-meet';
 import { MiddlewareRegistry } from '../base/redux';
 import { SUBMIT_FEEDBACK } from '../feedback';
+import { SET_FILMSTRIP_VISIBLE } from '../filmstrip';
 
 declare var APP: Object;
 
@@ -36,6 +37,10 @@ MiddlewareRegistry.register((/* store */) => next => action => {
         }
         break;
 
+    case SET_FILMSTRIP_VISIBLE:
+        APP.API.notifyFilmstripDisplayChanged(action.visible);
+        break;
+
     case SUBMIT_FEEDBACK:
         APP.API.notifyFeedbackSubmitted();
         break;
diff --git a/react/features/video-layout/middleware.web.js b/react/features/video-layout/middleware.web.js
index e1e3513f1..0c68121d2 100644
--- a/react/features/video-layout/middleware.web.js
+++ b/react/features/video-layout/middleware.web.js
@@ -75,7 +75,6 @@ MiddlewareRegistry.register(store => next => action => {
 
     case SET_FILMSTRIP_VISIBLE:
         VideoLayout.resizeVideoArea(true, false);
-        APP.API.notifyFilmstripDisplayChanged(action.visible);
         break;
 
     case TRACK_ADDED: