아코디언 트랜지션 시간 짧게 변경 및 키 지정 및 answers 없을 때 버그 고침

frontend/src/survey/Accordion.tsx

@@ -3,28 +3,18 @@ import { baseImageUrl } from "../apis";
 import { BasicQuestionType } from "../types";
 
 type AccordionProps = {
-  question: any;
+  question: BasicQuestionType;
 };
 const Accordion = ({ question }: AccordionProps) => {
   const [isOpened, setOpened] = useState<boolean>(false);
   const [height, setHeight] = useState<string>("0px");
   const contentElement = useRef<HTMLDivElement>(null);
 
-  // useEffect(() => {
-  //   if (question.type === "file") {
-  //     getFiles();
-  //   }
-  // }, []);
-
-  // async function getFiles() {
-  //   try {
-  //   } catch (error) {}
-  // }
-
   const HandleOpening = () => {
     setOpened(!isOpened);
     setHeight(!isOpened ? `${contentElement.current?.scrollHeight}px` : "0px");
   };
+
   return (
     <div className="p-1">
       <div onClick={HandleOpening}>
@@ -39,9 +29,10 @@ const Accordion = ({ question }: AccordionProps) => {
         <div
           ref={contentElement}
           style={{ height: height }}
-          className="bg-gray-100 overflow-hidden transition-all duration-700"
+          className="bg-gray-100 overflow-hidden transition-all duration-300"
         >
-          {question.type === "file"
+          {question.answers &&
+            (question.type === "file"
               ? question.answers.map((answer: any) => (
                   <img
                     key={answer.url}
@@ -49,9 +40,11 @@ const Accordion = ({ question }: AccordionProps) => {
                     src={`${baseImageUrl}/${answer.url}`}
                   />
                 ))
-            : question.answers.map((answer: any) => (
-                <p className="p-4">{answer}</p>
-              ))}
+              : question.answers.map((answer: any, index: number) => (
+                  <p key={index} className="p-4">
+                    {answer}
+                  </p>
+                )))}
         </div>
       </div>
     </div>

frontend/src/survey/ResultSurvey.tsx

@@ -17,6 +17,7 @@ export const ResultSurvey = () => {
     comment: "",
     questions: [],
   });
+
   useEffect(() => {
     getAnswers();
   }, [surveyId]);