Fix : getCurriculumInfo 함수를 useCallback hook에서 호출

gouz7514 · Sep 13, 2023 · e8dfdb4 · e8dfdb4
1 parent baeca7a
commit e8dfdb4
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/app/components/Organism/AdminCurriculumForm.tsx b/src/app/components/Organism/AdminCurriculumForm.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import React, { useEffect, useState, useCallback } from 'react'
 
 import { useRouter, useSearchParams } from 'next/navigation'
 import { db } from '@/firebase/config'
@@ -81,7 +81,7 @@ export default function AdminCurriculumForm({ isEdit }: AdminCurriculumFormProps
     { name: 'Month 1', days: [''] },
   ])
 
-  useEffect(() => {
+  const memoizedCurriculumInfo = useCallback(() => {
     const getCurriculumInfo = async () => {
       const curriculumRef = doc(db, 'class_curriculum', curriculumId)
       const curriculumSnap = await getDoc(curriculumRef)
@@ -115,6 +115,10 @@ export default function AdminCurriculumForm({ isEdit }: AdminCurriculumFormProps
     }
   }, [isEdit, curriculumId, router])
 
+  useEffect(() => {
+    memoizedCurriculumInfo()
+  }, [memoizedCurriculumInfo])
+
   const onChangeCurriculumName = (e: any) => {
     const { name, value } = e.target
     setCurriculumName(value)