diff --git a/addons/mail/static/src/components/channel_member_list/channel_member_list.js b/addons/mail/static/src/components/channel_member_list/channel_member_list.js
index e1b3dfdc578..d0c13536b81 100644
--- a/addons/mail/static/src/components/channel_member_list/channel_member_list.js
+++ b/addons/mail/static/src/components/channel_member_list/channel_member_list.js
@@ -7,16 +7,16 @@ const { Component } = owl;
 export class ChannelMemberList extends Component {
 
     /**
-     * @returns {Thread}
+     * @returns {ChannelMemberListView}
      */
-    get channel() {
-        return this.messaging.models['Thread'].get(this.props.channelLocalId);
+     get channelMemberListView() {
+        return this.messaging && this.messaging.models['ChannelMemberListView'].get(this.props.localId);
     }
 
 }
 
 Object.assign(ChannelMemberList, {
-    props: { channelLocalId: String },
+    props: { localId: String },
     template: 'mail.ChannelMemberList',
 });
 
diff --git a/addons/mail/static/src/components/channel_member_list/channel_member_list.xml b/addons/mail/static/src/components/channel_member_list/channel_member_list.xml
index f3e5b5fe3b1..ef23ed11ef0 100644
--- a/addons/mail/static/src/components/channel_member_list/channel_member_list.xml
+++ b/addons/mail/static/src/components/channel_member_list/channel_member_list.xml
@@ -2,29 +2,29 @@
 <templates xml:space="preserve">
 
     <t t-name="mail.ChannelMemberList" owl="1">
-        <t t-if="channel">
+        <t t-if="channelMemberListView">
             <div class="o_ChannelMemberList d-flex flex-column overflow-auto bg-light" t-attf-class="{{ className }}" t-ref="root">
-                <t t-if="channel.orderedOnlineMembers.length > 0">
+                <t t-if="channelMemberListView.channel.orderedOnlineMembers.length > 0">
                     <t t-call="mail.ChannelMemberList_memberList">
-                        <t t-set="members" t-value="channel.orderedOnlineMembers"/>
+                        <t t-set="members" t-value="channelMemberListView.channel.orderedOnlineMembers"/>
                         <t t-set="title">Online</t>
                     </t>
                 </t>
-                <t t-if="channel.orderedOfflineMembers.length > 0">
+                <t t-if="channelMemberListView.channel.orderedOfflineMembers.length > 0">
                     <t t-call="mail.ChannelMemberList_memberList">
-                        <t t-set="members" t-value="channel.orderedOfflineMembers"/>
+                        <t t-set="members" t-value="channelMemberListView.channel.orderedOfflineMembers"/>
                         <t t-set="title">Offline</t>
                     </t>
                 </t>
-                <t t-if="channel.unknownMemberCount === 1">
+                <t t-if="channelMemberListView.channel.unknownMemberCount === 1">
                     <span class="mx-2 mt-2">And 1 other member.</span>
                 </t>
-                <t t-if="channel.unknownMemberCount > 1">
-                    <span class="mx-2 mt-2">And <t t-esc="channel.unknownMemberCount"/> other members.</span>
+                <t t-if="channelMemberListView.channel.unknownMemberCount > 1">
+                    <span class="mx-2 mt-2">And <t t-esc="channelMemberListView.channel.unknownMemberCount"/> other members.</span>
                 </t>
-                <t t-if="channel.unknownMemberCount > 0">
+                <t t-if="channelMemberListView.channel.unknownMemberCount > 0">
                     <div class="mx-2 my-1">
-                        <button class="btn btn-secondary" t-on-click="channel.onClickLoadMoreMembers">Load more</button>
+                        <button class="btn btn-secondary" t-on-click="channelMemberListView.channel.onClickLoadMoreMembers">Load more</button>
                     </div>
                 </t>
             </div>
@@ -35,8 +35,8 @@
         <h6 class="m-2"><t t-esc="title"/> - <t t-esc="members.length"/></h6>
         <t t-foreach="members" t-as="member" t-key="member.localId">
             <div class="o_ChannelMemberList_member d-flex align-items-center mx-3 my-1">
-                <div class="o_ChannelMemberList_avatarContainer position-relative flex-shrink-0 o_cursor_pointer" t-on-click="() => channel.onClickMemberAvatar(member)">
-                    <img class="o_ChannelMemberList_avatar rounded-circle w-100 h-100" t-attf-src="/mail/channel/{{ channel.id }}/partner/{{ member.id }}/avatar_128" alt="Avatar"/>
+                <div class="o_ChannelMemberList_avatarContainer position-relative flex-shrink-0 o_cursor_pointer" t-on-click="() => channelMemberListView.channel.onClickMemberAvatar(member)">
+                    <img class="o_ChannelMemberList_avatar rounded-circle w-100 h-100" t-attf-src="/mail/channel/{{ channelMemberListView.channel.id }}/partner/{{ member.id }}/avatar_128" alt="Avatar"/>
 
                     <t t-if="member.im_status and member.im_status !== 'im_partner'">
                         <PartnerImStatusIcon
@@ -49,7 +49,7 @@
                         />
                     </t>
                 </div>
-                <span class="o_ChannelMemberList_name ml-2 flex-column-1 text-truncate o_cursor_pointer" t-on-click="() => channel.onClickMemberName(member)">
+                <span class="o_ChannelMemberList_name ml-2 flex-column-1 text-truncate o_cursor_pointer" t-on-click="() => channelMemberListView.channel.onClickMemberName(member)">
                     <t t-esc="member.nameOrDisplayName"/>
                 </span>
             </div>
diff --git a/addons/mail/static/src/components/chat_window/chat_window.xml b/addons/mail/static/src/components/chat_window/chat_window.xml
index 5283cf34d12..53b3124c818 100644
--- a/addons/mail/static/src/components/chat_window/chat_window.xml
+++ b/addons/mail/static/src/components/chat_window/chat_window.xml
@@ -17,8 +17,8 @@
                     chatWindowLocalId="chatWindow.localId"
                     onClicked="chatWindow.onClickHeader"
                 />
-                <t t-if="chatWindow.thread and chatWindow.thread.hasMemberListFeature and chatWindow.isMemberListOpened">
-                    <ChannelMemberList channelLocalId="chatWindow.thread.localId" className="'bg-white'"/>
+                <t t-if="chatWindow.channelMemberListView">
+                    <ChannelMemberList localId="chatWindow.channelMemberListView.localId" className="'bg-white'"/>
                 </t>
                 <t t-if="chatWindow.channelInvitationForm">
                     <ChannelInvitationForm className="'o_ChatWindow_channelInvitationForm'" localId="chatWindow.channelInvitationForm.localId"/>
diff --git a/addons/mail/static/src/components/composer/composer.xml b/addons/mail/static/src/components/composer/composer.xml
index f72bff416d1..9c9a34444d5 100644
--- a/addons/mail/static/src/components/composer/composer.xml
+++ b/addons/mail/static/src/components/composer/composer.xml
@@ -48,7 +48,7 @@
                                     </t>
                                 </b>
                             </small>
-                            <ComposerSuggestedRecipientList threadLocalId="composerView.composer.activeThread.localId"/>
+                            <ComposerSuggestedRecipientList localId="composerView.composerSuggestedRecipientListView.localId" threadLocalId="composerView.composer.activeThread.localId"/>
                         </t>
                     </div>
                 </t>
diff --git a/addons/mail/static/src/components/composer_suggested_recipient_list/composer_suggested_recipient_list.js b/addons/mail/static/src/components/composer_suggested_recipient_list/composer_suggested_recipient_list.js
index 9177315e5b6..3835a13da84 100644
--- a/addons/mail/static/src/components/composer_suggested_recipient_list/composer_suggested_recipient_list.js
+++ b/addons/mail/static/src/components/composer_suggested_recipient_list/composer_suggested_recipient_list.js
@@ -2,24 +2,21 @@
 
 import { registerMessagingComponent } from '@mail/utils/messaging_component';
 
-const { Component, useState } = owl;
+const { Component } = owl;
 
 export class ComposerSuggestedRecipientList extends Component {
 
-    /**
-     * @override
-     */
-    setup() {
-        super.setup();
-        this.state = useState({
-            hasShowMoreButton: false,
-        });
-    }
-
     //--------------------------------------------------------------------------
     // Public
     //--------------------------------------------------------------------------
 
+    /**
+     * @returns {ComposerSuggestedRecipientListView}
+     */
+    get composerSuggestedRecipientListView() {
+        return this.messaging && this.messaging.models['ComposerSuggestedRecipientListView'].get(this.props.localId);
+    }
+
     /**
      * @returns {Thread}
      */
@@ -31,24 +28,23 @@ export class ComposerSuggestedRecipientList extends Component {
     // Handlers
     //--------------------------------------------------------------------------
 
-    /**
-     * @private
-     */
-    _onClickShowLess(ev) {
-        this.state.hasShowMoreButton = false;
-    }
-
     /**
      * @private
      */
     _onClickShowMore(ev) {
-        this.state.hasShowMoreButton = true;
+        if (!this.composerSuggestedRecipientListView) {
+            return;
+        }
+        this.composerSuggestedRecipientListView.update({ hasShowMoreButton: true });
     }
 
 }
 
 Object.assign(ComposerSuggestedRecipientList, {
-    props: { threadLocalId: String },
+    props: {
+        localId: String,
+        threadLocalId: String,
+    },
     template: 'mail.ComposerSuggestedRecipientList',
 });
 
diff --git a/addons/mail/static/src/components/composer_suggested_recipient_list/composer_suggested_recipient_list.xml b/addons/mail/static/src/components/composer_suggested_recipient_list/composer_suggested_recipient_list.xml
index 5c2877addeb..cf7d4992d0e 100644
--- a/addons/mail/static/src/components/composer_suggested_recipient_list/composer_suggested_recipient_list.xml
+++ b/addons/mail/static/src/components/composer_suggested_recipient_list/composer_suggested_recipient_list.xml
@@ -1,21 +1,21 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <templates xml:space="preserve">
     <t t-name="mail.ComposerSuggestedRecipientList" owl="1">
-        <t t-if="thread">
+        <t t-if="composerSuggestedRecipientListView and thread">
             <div class="o_ComposerSuggestedRecipientList mb-2" t-attf-class="{{ className }}" t-ref="root">
-                <t t-foreach="state.hasShowMoreButton ? thread.suggestedRecipientInfoList : thread.suggestedRecipientInfoList.slice(0,3)" t-as="recipientInfo" t-key="recipientInfo.localId">
+                <t t-foreach="composerSuggestedRecipientListView.hasShowMoreButton ? thread.suggestedRecipientInfoList : thread.suggestedRecipientInfoList.slice(0,3)" t-as="recipientInfo" t-key="recipientInfo.localId">
                     <ComposerSuggestedRecipient
                         suggestedRecipientInfoLocalId="recipientInfo.localId"
                     />
                 </t>
                 <t t-if="thread.suggestedRecipientInfoList.length > 3">
-                    <t t-if="!state.hasShowMoreButton" >
+                    <t t-if="!composerSuggestedRecipientListView.hasShowMoreButton" >
                         <button class="o_ComposerSuggestedRecipientList_showMore btn btn-sm btn-link" t-on-click="_onClickShowMore">
                             Show more
                         </button>
                     </t>
                     <t t-else="">
-                        <button class="o_ComposerSuggestedRecipientList_showLess btn btn-sm btn-link" t-on-click="_onClickShowLess">
+                        <button class="o_ComposerSuggestedRecipientList_showLess btn btn-sm btn-link" t-on-click="composerSuggestedRecipientListView.onClickShowLess">
                             Show less
                         </button>
                     </t>
diff --git a/addons/mail/static/src/components/thread_view/thread_view.xml b/addons/mail/static/src/components/thread_view/thread_view.xml
index 61be0ff8abf..942da49579c 100644
--- a/addons/mail/static/src/components/thread_view/thread_view.xml
+++ b/addons/mail/static/src/components/thread_view/thread_view.xml
@@ -44,8 +44,8 @@
                             />
                         </t>
                     </div>
-                    <t t-if="threadView.thread and threadView.thread.hasMemberListFeature and threadView.hasMemberList and threadView.isMemberListOpened">
-                        <ChannelMemberList className="'o_ThreadView_channelMemberList flex-shrink-0 border-left'" channelLocalId="threadView.thread.localId"/>
+                    <t t-if="threadView.channelMemberListView">
+                        <ChannelMemberList className="'o_ThreadView_channelMemberList flex-shrink-0 border-left'" localId="threadView.channelMemberListView.localId"/>
                     </t>
                 </div>
             </div>
diff --git a/addons/mail/static/src/models/channel_member_list_view.js b/addons/mail/static/src/models/channel_member_list_view.js
new file mode 100644
index 00000000000..beae3696e82
--- /dev/null
+++ b/addons/mail/static/src/models/channel_member_list_view.js
@@ -0,0 +1,39 @@
+/** @odoo-module **/
+
+import { registerModel } from '@mail/model/model_core';
+import { one } from '@mail/model/model_field';
+import { clear, replace } from '@mail/model/model_field_command';
+
+registerModel({
+    name: 'ChannelMemberListView',
+    identifyingFields: [['chatWindowOwner', 'threadViewOwner']],
+    recordMethods: {
+        /**
+         * @private
+         * @returns {FieldCommand}
+         */
+        _computeChannel() {
+            if (this.chatWindowOwner) {
+                return replace(this.chatWindowOwner.thread);
+            }
+            if (this.threadViewOwner) {
+                return replace(this.threadViewOwner.thread);
+            }
+            return clear();
+        },
+    },
+    fields: {
+        channel: one('Thread', {
+            compute: '_computeChannel',
+            readonly: true,
+        }),
+        chatWindowOwner: one('ChatWindow', {
+            inverse: 'channelMemberListView',
+            readonly: true,
+        }),
+        threadViewOwner: one('ThreadView', {
+            inverse: 'channelMemberListView',
+            readonly: true,
+        }),
+    },
+});
diff --git a/addons/mail/static/src/models/chat_window.js b/addons/mail/static/src/models/chat_window.js
index 26d2f204966..968dae0ccf5 100644
--- a/addons/mail/static/src/models/chat_window.js
+++ b/addons/mail/static/src/models/chat_window.js
@@ -325,6 +325,16 @@ registerModel({
                 this.thread.notifyFoldStateToServer('open');
             }
         },
+        /**
+         * @private
+         * @returns {FieldCommand}
+         */
+        _computeChannelMemberListView() {
+            if (this.thread && this.thread.hasMemberListFeature && this.isMemberListOpened) {
+                return insertAndReplace();
+            }
+            return clear();
+        },
         /**
           * @private
           * @returns {string}
@@ -586,6 +596,11 @@ registerModel({
             inverse: 'chatWindow',
             isCausal: true,
         }),
+        channelMemberListView: one('ChannelMemberListView', {
+            compute: '_computeChannelMemberListView',
+            inverse: 'chatWindowOwner',
+            isCausal: true,
+        }),
         componentStyle: attr({
             compute: '_computeComponentStyle',
         }),
diff --git a/addons/mail/static/src/models/composer_suggested_recipient_list_view.js b/addons/mail/static/src/models/composer_suggested_recipient_list_view.js
new file mode 100644
index 00000000000..d07c7010a2b
--- /dev/null
+++ b/addons/mail/static/src/models/composer_suggested_recipient_list_view.js
@@ -0,0 +1,30 @@
+/** @odoo-module **/
+
+import { registerModel } from '@mail/model/model_core';
+import { attr, one } from '@mail/model/model_field';
+
+registerModel({
+    name: 'ComposerSuggestedRecipientListView',
+    identifyingFields: ['composerViewOwner'],
+    recordMethods: {
+        /**
+         * @param {MouseEvent} ev
+         */
+        onClickShowLess(ev) {
+            if (!this.exists()) {
+                return;
+            }
+            this.update({ hasShowMoreButton: false });
+        },
+    },
+    fields: {
+        composerViewOwner: one('ComposerView', {
+            inverse: 'composerSuggestedRecipientListView',
+            readonly: true,
+            required: true,
+        }),
+        hasShowMoreButton: attr({
+            default: false,
+        }),
+    },
+});
diff --git a/addons/mail/static/src/models/composer_view.js b/addons/mail/static/src/models/composer_view.js
index bf03fbe6f7a..a5005f43501 100644
--- a/addons/mail/static/src/models/composer_view.js
+++ b/addons/mail/static/src/models/composer_view.js
@@ -801,6 +801,16 @@ registerModel({
                 ? insertAndReplace()
                 : clear();
         },
+        /**
+         * @private
+         * @returns {FieldCommand}
+         */
+        _computeComposerSuggestedRecipientListView() {
+            if (this.hasHeader && this.hasFollowers && !this.composer.isLog) {
+                return insertAndReplace();
+            }
+            return clear();
+        },
         /**
          * @private
          * @returns {FieldCommand}
@@ -1415,6 +1425,11 @@ registerModel({
             inverse: 'composerViews',
             required: true,
         }),
+        composerSuggestedRecipientListView: one('ComposerSuggestedRecipientListView', {
+            compute: '_computeComposerSuggestedRecipientListView',
+            inverse: 'composerViewOwner',
+            isCausal: true,
+        }),
         /**
          * Current partner image URL.
          */
diff --git a/addons/mail/static/src/models/thread_view.js b/addons/mail/static/src/models/thread_view.js
index 287f76268c6..b85badd6ea3 100644
--- a/addons/mail/static/src/models/thread_view.js
+++ b/addons/mail/static/src/models/thread_view.js
@@ -93,6 +93,16 @@ registerModel({
                 ? insertAndReplace()
                 : clear();
         },
+        /**
+         * @private
+         * @returns {FieldCommand}
+         */
+        _computeChannelMemberListView() {
+            if (this.thread && this.thread.hasMemberListFeature && this.hasMemberList && this.isMemberListOpened) {
+                return insertAndReplace();
+            }
+            return clear();
+        },
         /**
          * @private
          * @returns {FieldCommand}
@@ -339,6 +349,11 @@ registerModel({
         },
     },
     fields: {
+        channelMemberListView: one('ChannelMemberListView', {
+            compute: '_computeChannelMemberListView',
+            inverse: 'threadViewOwner',
+            isCausal: true,
+        }),
         compact: attr({
             related: 'threadViewer.compact',
         }),