fix: report key children issue

5 files changed, 9 insertions, 13 deletions

diff --git a/modern/src/reports/EventReportPage.js b/modern/src/reports/EventReportPage.js
index 8d71d50b..b312ad2f 100644
--- a/modern/src/reports/EventReportPage.js
+++ b/modern/src/reports/EventReportPage.js
@@ -94,7 +94,6 @@ const EventReportPage = () => {
         return item[key];
     }
   };
-
   return (
     <PageLayout menu={<ReportsMenu />} breadcrumbs={['reportTitle', 'reportEvents']}>
       <ReportFilter handleSubmit={handleSubmit}>
@@ -131,8 +130,8 @@ const EventReportPage = () => {
             </TableRow>
           </TableHead>
           <TableBody>
-            {items.map((item, index) => (
-              <TableRow key={index}>
+            {items.map((item) => (
+              <TableRow key={item.id}>
                 {columns.map((key) => (
                   <TableCell key={key}>
                     {formatValue(item, key)}
diff --git a/modern/src/reports/StatisticsPage.js b/modern/src/reports/StatisticsPage.js
index b9b14902..4dd55745 100644
--- a/modern/src/reports/StatisticsPage.js
+++ b/modern/src/reports/StatisticsPage.js
@@ -40,7 +40,7 @@ const StatisticsPage = () => {
       throw Error(await response.text());
     }
   });
-
+console.log(items);
   return (
     <PageLayout menu={<ReportsMenu />} breadcrumbs={['reportTitle', 'statisticsTitle']}>
       <ReportFilter handleSubmit={handleSubmit} showOnly ignoreDevice>
diff --git a/modern/src/reports/StopReportPage.js b/modern/src/reports/StopReportPage.js
index 587e1dd4..408f8798 100644
--- a/modern/src/reports/StopReportPage.js
+++ b/modern/src/reports/StopReportPage.js
@@ -70,7 +70,6 @@ const StopReportPage = () => {
         return item[key];
     }
   };
-
   return (
     <PageLayout menu={<ReportsMenu />} breadcrumbs={['reportTitle', 'reportStops']}>
       <ReportFilter handleSubmit={handleSubmit}>
@@ -84,8 +83,8 @@ const StopReportPage = () => {
             </TableRow>
           </TableHead>
           <TableBody>
-            {items.map((item, index) => (
-              <TableRow key={index}>
+            {items.map((item) => (
+              <TableRow key={item.positionId}>
                 {columns.map((key) => (
                   <TableCell key={key}>
                     {formatValue(item, key)}
diff --git a/modern/src/reports/SummaryReportPage.js b/modern/src/reports/SummaryReportPage.js
index d58f7568..56e4c7ed 100644
--- a/modern/src/reports/SummaryReportPage.js
+++ b/modern/src/reports/SummaryReportPage.js
@@ -76,7 +76,6 @@ const SummaryReportPage = () => {
         return item[key];
     }
   };
-
   return (
     <PageLayout menu={<ReportsMenu />} breadcrumbs={['reportTitle', 'reportSummary']}>
       <ReportFilter handleSubmit={handleSubmit}>
@@ -99,8 +98,8 @@ const SummaryReportPage = () => {
             </TableRow>
           </TableHead>
           <TableBody>
-            {items.map((item, index) => (
-              <TableRow key={index}>
+            {items.map((item) => (
+              <TableRow key={item.deviceId}>
                 {columns.map((key) => (
                   <TableCell key={key}>
                     {formatValue(item, key)}
diff --git a/modern/src/reports/TripReportPage.js b/modern/src/reports/TripReportPage.js
index 8e03931b..37ba2e96 100644
--- a/modern/src/reports/TripReportPage.js
+++ b/modern/src/reports/TripReportPage.js
@@ -79,7 +79,6 @@ const TripReportPage = () => {
         return item[key];
     }
   };
-
   return (
     <PageLayout menu={<ReportsMenu />} breadcrumbs={['reportTitle', 'reportTrips']}>
       <ReportFilter handleSubmit={handleSubmit}>
@@ -93,8 +92,8 @@ const TripReportPage = () => {
             </TableRow>
           </TableHead>
           <TableBody>
-            {items.map((item, index) => (
-              <TableRow key={index}>
+            {items.map((item) => (
+              <TableRow key={item.startPositionId}>
                 {columns.map((key) => (
                   <TableCell key={key}>
                     {formatValue(item, key)}