Merge pull request #172 from actocracy/fix/immutable-update-state-mes…

…sage

fix: update message object from state immutably

src/components/ChatbotMessage/ChatbotMessage.tsx

@@ -42,22 +42,15 @@ const ChatbotMessage = ({
       if (delay) defaultDisableTime += delay;
 
       timeoutId = setTimeout(() => {
-        const newMessages = [...messages];
-        const message = newMessages.find((message) => message.id === id);
+        const newMessages = [...messages].map(message => {
+          if (message.id === id) {
+            return {...message, loading: false, delay: undefined};
+          }
 
-        if (!message) return;
-        message.loading = false;
-        message.delay = undefined;
-
-        setState((state: any) => {
-          const freshMessages = state.messages;
-          const messageIdx = freshMessages.findIndex(
-            (message: any) => message.id === id
-          );
-          freshMessages[messageIdx] = message;
-
-          return { ...state, messages: freshMessages };
+          return message;
         });
+
+        setState((state: any) => ({...state, messages: newMessages}));
       }, defaultDisableTime);
     };