commit 08f7717a5c4fb52ac24682ad0546d18efe3fb675
author idillon <io.daza-dillon@savoirfairelinux.com> Tue Sep 13 19:14:17 2022 -0400
committer idillon <io.daza-dillon@savoirfairelinux.com> Fri Sep 16 17:14:09 2022 -0400
tree 2d8cc1fe350557458508702918d2a8fe2d30f6b0
parent d0f1eca6deb4bf3fe028526df217d51fd4f03d92

use React Query to fetch messages

Change-Id: I85d0700efcc947462943ed0379498902b73950b3

client/src/components/MessageList.js

diff --git a/client/src/components/MessageList.js b/client/src/components/MessageList.js
index 3f16e46..f6da60c 100644
--- a/client/src/components/MessageList.js
+++ b/client/src/components/MessageList.js
@@ -1,5 +1,5 @@
 import dayjs from "dayjs"
-import React, { useEffect } from 'react'
+import React, { useEffect, useMemo } from 'react'
 import dayOfYear from 'dayjs/plugin/dayOfYear'
 import isBetween from 'dayjs/plugin/isBetween'
 import { Stack } from "@mui/system"
@@ -9,7 +9,10 @@
 dayjs.extend(isBetween)
 
 export default function MessageList(props) {
-  const messagesComponents = buildMessagesList(props.messages)
+  const messagesComponents = useMemo(
+    () => buildMessagesList(props.messages),
+    [props.messages]
+  )
 
   useEffect(() => {
     if (!props.loading)