diff --git a/src/components/form/formActiveRedirect.tsx b/src/components/form/formActiveRedirect.tsx index 943526b..50e29d2 100644 --- a/src/components/form/formActiveRedirect.tsx +++ b/src/components/form/formActiveRedirect.tsx @@ -1,11 +1,12 @@ import {FormData} from "./formInterfaces"; -import {useEffect, useState} from "react"; +import {useEffect, useState, useCallback} from "react"; import GenericForm from "./genericForm"; const FormActiveRedirect = (formData: FormData) => { const [isLoading, setLoading] = useState(true); const [isFormActive, setFormActive] = useState(false); - const handleCheckForm = async () => { + + const handleCheckForm = useCallback(async () => { const result = await fetch(`${process.env.REACT_APP_BACKEND_BASE_URL}/api/checks/formActive`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, @@ -14,11 +15,11 @@ const FormActiveRedirect = (formData: FormData) => { const response = await result.json(); setFormActive(response.isActive); setLoading(false); - }; + }, [formData.backendFormName]); useEffect(() => { - handleCheckForm().then(r => {}); - }, []); + handleCheckForm().then(() => {}); + }, [handleCheckForm]); if (isLoading) { return