diff --git a/modules/API/API.js b/modules/API/API.js
index cd0217511..a6129c724 100644
--- a/modules/API/API.js
+++ b/modules/API/API.js
@@ -1148,8 +1148,8 @@ class API {
      *
      * @param {string} roomName - The room name.
      * @param {string} id - The id of the local user.
-     * @param {Object} props - The display name and avatar URL of the local
-     * user.
+     * @param {Object} props - The display name, the avatar URL of the local
+     * user and the type of the room.
      * @returns {void}
      */
     notifyConferenceJoined(roomName: string, id: string, props: Object) {
diff --git a/react/features/external-api/middleware.js b/react/features/external-api/middleware.js
index 8c0e454a1..770a1534a 100644
--- a/react/features/external-api/middleware.js
+++ b/react/features/external-api/middleware.js
@@ -88,7 +88,9 @@ MiddlewareRegistry.register(store => next => action => {
     case CONFERENCE_JOINED: {
         const state = store.getState();
         const { defaultLocalDisplayName } = state['features/base/config'];
+        const { room } = state['features/base/conference'];
         const { loadableAvatarUrl, name, id } = getLocalParticipant(state);
+        const breakoutRoom = APP.conference.roomName.toString() !== room.toLowerCase();
 
         // we use APP.conference.roomName as we do not update state['features/base/conference'].room when
         // moving between rooms in case of breakout rooms and it stays always with the name of the main room
@@ -101,7 +103,8 @@ MiddlewareRegistry.register(store => next => action => {
                     name,
                     defaultLocalDisplayName
                 ),
-                avatarURL: loadableAvatarUrl
+                avatarURL: loadableAvatarUrl,
+                breakoutRoom
             }
         );
         break;