Added error handling to checkin

src/app/[sdSlug]/my/[pageSlug]/components/TabsClient.tsx

@@ -61,7 +61,7 @@ export const TabsClient = (props: Props) => {
   useEffect(() => { loadData() }, [context.userChurch])
 
 
-  const getItem = (tab:any) => (<li><Link href={tab.url} data-testid={`my-tab-${tab.label.toLowerCase()}`} aria-label={`Go to ${tab.label}`}>{tab.label}</Link></li>)
+  const getItem = (tab:any) => (<li key={tab.url}><Link href={tab.url} data-testid={`my-tab-${tab.label.toLowerCase()}`} aria-label={`Go to ${tab.label}`}>{tab.label}</Link></li>)
 
   return <ul data-testid="my-portal-tabs" aria-label="Member portal navigation">
     {getTabs().map((tab, index) => getItem(tab))}

src/components/checkin/Groups.tsx

@@ -23,10 +23,11 @@ export function Groups({ selectedHandler }: Props) {
     let gt: GroupCategoryInterface[] = [];
 
     const sortedGroups = CheckinHelper.selectedServiceTime?.groups?.sort((a, b) =>
-      (a.categoryName || "") > (b.categoryName || "") ? 1 : -1
+      ((a?.categoryName || "") > (b?.categoryName || "")) ? 1 : -1
     );
 
     sortedGroups?.forEach((g) => {
+      if (!g) return;
       if (g.categoryName !== category) gt.push({ key: gt.length, name: g.categoryName || "", items: [] });
       gt[gt.length - 1].items.push(g);
       category = g.categoryName || "";

src/components/checkin/Household.tsx

@@ -45,7 +45,8 @@ export function Household({ completeHandler = () => { } }: Props) {
     let hasSelection = false;
     if (stSessions.length > 0) {
       const groupId = stSessions[0].session?.groupId || "";
-      const group: GroupInterface = ArrayHelper.getOne(st.groups || [], "id", groupId);
+      const validGroups = (st.groups || []).filter((g) => g != null);
+      const group: GroupInterface = ArrayHelper.getOne(validGroups, "id", groupId);
       selectedGroupName = group?.name || "None";
       hasSelection = true;
     }