fix: add missing key to items in marking page question list

the-answerbook-project · Jun 13, 2024 · 84edf35 · 84edf35
1 parent a62bc67
commit 84edf35
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/pages/MarkingPage/index.tsx b/src/pages/MarkingPage/index.tsx
@@ -1,4 +1,4 @@
-import { Separator } from '@radix-ui/themes'
+import { Box, Separator } from '@radix-ui/themes'
 import { instanceToPlain } from 'class-transformer'
 import { map, sum } from 'lodash'
 import React, { FC, useEffect } from 'react'
@@ -25,7 +25,7 @@ const MarkingPage: FC = () => {
     <>
       {Object.entries(questions).map(([questionIDString, question]) => {
         return (
-          <>
+          <Box key={questionIDString}>
             <QuestionHeader number={questionIDString} title={question.title} />
             <Body>
               <Question instructions={question.instructions}>
@@ -67,7 +67,7 @@ const MarkingPage: FC = () => {
                 })}
               </Question>
             </Body>
-          </>
+          </Box>
         )
       })}
     </>