ensure nulls arent passed to sort

1 files changed, 9 insertions, 4 deletions

diff --git a/frontend/src/components/AnnouncementsDisplay.tsx b/frontend/src/components/AnnouncementsDisplay.tsx
index 4ba813de..c6e6db1e 100644
--- a/frontend/src/components/AnnouncementsDisplay.tsx
+++ b/frontend/src/components/AnnouncementsDisplay.tsx
@@ -38,11 +38,16 @@ export function AnnouncementsDisplay() {
     setAnnouncements((oldAnnouncements) => {
       const newArr = [...oldAnnouncements, ...newAnnouncements];
       const setOfIds = new Set(newArr.map((a) => a.id));
-      return Array.from(setOfIds)
-        .map((id) => newArr.find((a) => a.id === id)!)
-        .sort((a, b) => {
+      return (
+        (
+          Array.from(setOfIds)
+            .map((id) => newArr.find((a) => a.id === id))
+            // Typescript doesn't type filter(Boolean) correctly, so I have to assert this
+            .filter(Boolean) as Announcement[]
+        ).sort((a, b) => {
           return new Date(b.created).getTime() - new Date(a.created).getTime();
-        });
+        })
+      );
     });
   }