From 3e9cb66db20d4f263f60671453f9bbf59b59975a Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Sat, 1 Feb 2025 00:09:07 -0800
Subject: [PATCH] Fixed index errors.

---
 .../(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx  | 4 ++--
 .../[websiteId]/sessions/[sessionId]/SessionActivity.tsx     | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx
index 3e15ddfa..b473a989 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionsWeekly.tsx
@@ -54,10 +54,10 @@ export function SessionsWeekly({ websiteId }: { websiteId: string }) {
               <div className={styles.header}>
                 {format(getDayOfWeekAsDate(index), 'EEE', { locale: dateLocale })}
               </div>
-              {day?.map((hour: number) => {
+              {day?.map((hour: number, n) => {
                 const pct = hour / max;
                 return (
-                  <div key={hour} className={classNames(styles.cell)}>
+                  <div key={`${index}_${n}_${hour}`} className={classNames(styles.cell)}>
                     {hour > 0 && (
                       <TooltipPopup
                         label={`${formatMessage(labels.visitors)}: ${hour}`}
diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx
index 642b93d9..15b02758 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionActivity.tsx
@@ -3,6 +3,7 @@ import { Loading, Icon, StatusLight } from 'react-basics';
 import Icons from 'components/icons';
 import { useSessionActivity, useTimezone } from 'components/hooks';
 import styles from './SessionActivity.module.css';
+import { Fragment } from 'react';
 
 export function SessionActivity({
   websiteId,
@@ -31,7 +32,7 @@ export function SessionActivity({
         lastDay = createdAt;
 
         return (
-          <>
+          <Fragment key={eventId}>
             {showHeader && (
               <div className={styles.header}>{formatTimezoneDate(createdAt, 'EEEE, PPP')}</div>
             )}
@@ -44,7 +45,7 @@ export function SessionActivity({
               <Icon>{eventName ? <Icons.Bolt /> : <Icons.Eye />}</Icon>
               <div>{eventName || urlPath}</div>
             </div>
-          </>
+          </Fragment>
         );
       })}
     </div>