Got rid of indexing errors with mapping functions

projecttacoma · Jun 30, 2023 · 8e55c52 · 8e55c52
1 parent e067543
commit 8e55c52
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/app/src/components/DataRequirements.tsx b/app/src/components/DataRequirements.tsx
@@ -54,12 +54,12 @@ function DataRequirements({ type, extension, dateFilter, codeFilter }: fhir4.Dat
  <List withPadding>
  {extension?.map(e => (
  <>
- <List.Item>
+ <List.Item key={e.url}>
  <b>URL:</b>
  {e.url}
  </List.Item>
- {e?.valueString && (
- <List.Item>
+ {e.valueString && (
+ <List.Item key={e.valueString}>
  <b> ValueString: </b>
  {e.valueString}
  </List.Item>
@@ -74,14 +74,14 @@ function DataRequirements({ type, extension, dateFilter, codeFilter }: fhir4.Dat
  <b>DateFilter(s):</b>
  </List.Item>
  <List withPadding>
- {dateFilter?.map(data => (
+ {dateFilter.map(date => (
  <>
- <List.Item>
+ <List.Item key={date?.valuePeriod?.start}>
  <b> Start Date: </b>
- {data?.valuePeriod?.start} <br />
+ {date?.valuePeriod?.start} <br />
  </List.Item>
- <List.Item>
- <b> End Date: </b> {data?.valuePeriod?.end} <br />
+ <List.Item key={date?.valuePeriod?.end}>
+ <b> End Date: </b> {date?.valuePeriod?.end} <br />
  </List.Item>
  </>
  ))}
@@ -101,12 +101,12 @@ function DataRequirements({ type, extension, dateFilter, codeFilter }: fhir4.Dat
  {codes.map(codeInterface => (
  <>
  {codeInterface.code && (
- <List.Item>
- <b> Code: </b> {codeInterface?.code} <br />
+ <List.Item key={codeInterface.code}>
+ <b> Code: </b> {codeInterface.code} <br />
  </List.Item>
  )}
  {codeInterface.system && (
- <List.Item>
+ <List.Item key={codeInterface.system}>
  <b> System: </b> {codeInterface?.system} <br />
  </List.Item>
  )}
@@ -122,8 +122,8 @@ function DataRequirements({ type, extension, dateFilter, codeFilter }: fhir4.Dat
  <b>Value Set(s):</b>
  </List.Item>
  <List withPadding>
- {codeFiltersWithVS.map(c => (
- <List.Item>
+ {codeFiltersWithVS.map((c, index) => (
+ <List.Item key={index}>
  {c.valueSet} <br />
  </List.Item>
  ))}

diff --git a/app/src/pages/[resourceType]/[id].tsx b/app/src/pages/[resourceType]/[id].tsx
@@ -200,8 +200,9 @@ export default function ResourceIDPage({ jsonData }: InferGetServerSidePropsType
  )}
  <ScrollArea.Autosize mah={height * 0.8} type="always">
  {dataReqsView === 'formatted' &&
- dataRequirements?.dataRequirement.map(data => (
+ dataRequirements?.dataRequirement.map((data: fhir4.DataRequirement, index: any) => (
  <DataReqs
+ key={index}
  type={data.type}
  codeFilter={data.codeFilter}
  dateFilter={data.dateFilter}