Merge pull request #31 from athrael-soju/30-fix-vertical-scroll-not-w…

…orking-in-chat Resolve issue with hook
athrael-soju · Oct 9, 2023 · ec4c197 · ec4c197
2 parents 2a292c2 + d017250
commit ec4c197
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/app/components/Chat/Messages.tsx b/src/app/components/Chat/Messages.tsx
@@ -29,6 +29,13 @@ export default function Messages({
  const sentences = useRef<string[]>([]);
  const speechIndex = useRef<number>(0);
 
+ // Scroll to the most recent message whenever a new message is added
+ useEffect(() => {
+ if (messagesEndRef.current) {
+ messagesEndRef.current.scrollIntoView({ behavior: 'smooth' });
+ }
+ }, [messages]);
+
  // Web Speech API Hooks
  useEffect(() => {
  if (isWebSpeechEnabled) {