feat: 임시 reverse 처리

Qfeed-Dev · Sep 3, 2023 · ee00f1b · ee00f1b
1 parent 1232d05
commit ee00f1b
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/GridWrapper/index.tsx b/src/components/GridWrapper/index.tsx
@@ -6,6 +6,7 @@ import Flex from "src/components/common/Flex";
 import QfeedFrame from "src/pages-edit/home/components/QfeedFrame";
 import { enterComponentVariants } from "src/constants/animation";
 import { Questions } from "src/models/questions";
+import { useEffect, useState } from "react";
 
 const QuestionGrid = ({
     questions,
@@ -14,7 +15,11 @@ const QuestionGrid = ({
     questions: Questions;
     detail?: boolean;
 }) => {
-    const sortedData = questions.data.reverse();
+    const [sortedData, setSortedData] = useState(questions.data.reverse());
+    useEffect(() => {
+        setSortedData(questions.data.reverse());
+    }, [questions]);
+
     return (
         <GridWrapper
             variants={enterComponentVariants}