diff --git a/apps/demos/Demos/Chat/Customization/React/App.tsx b/apps/demos/Demos/Chat/Customization/React/App.tsx
index 8c0fffcc572..0702563c234 100644
--- a/apps/demos/Demos/Chat/Customization/React/App.tsx
+++ b/apps/demos/Demos/Chat/Customization/React/App.tsx
@@ -31,17 +31,17 @@ export default function App() {
     <React.Fragment>
       <div className="chat-container">
         <Chat
-          height = {710}
-          items = {messages}
-          user = {currentUser}
-          disabled = {isDisabled}
-          showAvatar = {showAvatar}
-          showUserName = {showUsername}
-          showDayHeaders = {showDayHeaders}
-          showMessageTimestamp = {showMessageTimestamp}
-          dayHeaderFormat = {dayHeaderFormat}
-          messageTimestampFormat = {messageTimestampFormat}
-          onMessageEntered = {onMessageEntered}
+          height={710}
+          items={messages}
+          user={currentUser}
+          disabled={isDisabled}
+          showAvatar={showAvatar}
+          showUserName={showUsername}
+          showDayHeaders={showDayHeaders}
+          showMessageTimestamp={showMessageTimestamp}
+          dayHeaderFormat={dayHeaderFormat}
+          messageTimestampFormat={messageTimestampFormat}
+          onMessageEntered={onMessageEntered}
         />
       </div>
 
diff --git a/apps/demos/Demos/Chat/Overview/Vue/App.vue b/apps/demos/Demos/Chat/Overview/Vue/App.vue
index 0fc65d9e959..7397bdd3bee 100644
--- a/apps/demos/Demos/Chat/Overview/Vue/App.vue
+++ b/apps/demos/Demos/Chat/Overview/Vue/App.vue
@@ -20,8 +20,9 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import DxChat from 'devextreme-vue/chat';
-import { messages, supportAgent, currentUser } from './data.ts';
+import { messages as initialMessages, supportAgent, currentUser } from './data.ts';
 
+const messages = ref(initialMessages)
 const userChatTypingUsers = ref([]);
 const supportChatTypingUsers = ref([]);
 
@@ -30,7 +31,7 @@ function onMessageEntered(event) {
 }
 
 function userChatTypingStart() {
-  supportChatTypingUsers.value = [currentUser.value];
+  supportChatTypingUsers.value = [currentUser];
 }
 
 function userChatTypingEnd() {
@@ -38,7 +39,7 @@ function userChatTypingEnd() {
 }
 
 function supportChatTypingStart() {
-  userChatTypingUsers.value = [supportAgent.value];
+  userChatTypingUsers.value = [supportAgent];
 }
 
 function supportChatTypingEnd() {