From 09c68d159ed5dd7b9c2d61377343ad1930e1b6d4 Mon Sep 17 00:00:00 2001
From: bsu3338 <bsu3338@users.noreply.github.com>
Date: Wed, 9 Aug 2023 00:59:58 -0500
Subject: [PATCH] Update index.jsx

---
 client/src/components/MessageHandler/index.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/client/src/components/MessageHandler/index.jsx b/client/src/components/MessageHandler/index.jsx
index b7e41dc1cd..ca2af3bf8d 100644
--- a/client/src/components/MessageHandler/index.jsx
+++ b/client/src/components/MessageHandler/index.jsx
@@ -2,6 +2,7 @@ import { useEffect } from 'react';
 import { useRecoilValue, useResetRecoilState, useSetRecoilState } from 'recoil';
 import { SSE, createPayload } from 'librechat-data-provider';
 import store from '~/store';
+import useSpeechSynthesis from '../Messages/SpeechSynthesis';
 import { useAuthContext } from '~/hooks/AuthContext';
 
 export default function MessageHandler() {
@@ -11,6 +12,7 @@ export default function MessageHandler() {
   const setConversation = useSetRecoilState(store.conversation);
   const resetLatestMessage = useResetRecoilState(store.latestMessage);
   const { token } = useAuthContext();
+  const { synthesizeSpeech } = useSpeechSynthesis();
 
   const { refreshConversations } = store.useConversations();
 
@@ -207,6 +209,9 @@ export default function MessageHandler() {
       if (data.final) {
         finalHandler(data, { ...submission, message });
         console.log('final', data);
+        if (data.responseMessage.text) {
+          synthesizeSpeech(data.responseMessage.text);
+        }
       }
       if (data.created) {
         message = {