debug: form issue

Author: Himali-Malvawala

src/components/Section.tsx

@@ -21,7 +21,6 @@ interface Props {
 
 export const Section: React.FC<Props> = props => {
   const [isDragging, setIsDragging] = useState(false);
-  console.log("SECTION props.church", props.church)
 
 
   const getElements = () => {

src/components/SectionBlock.tsx

@@ -16,7 +16,6 @@ interface Props {
 }
 
 export const SectionBlock: React.FC<Props> = props => {
-  console.log("SECTION BLOCK")
 
   const getEdit = () => {
     if (props.onEdit) {

src/components/elementTypes/FormElement.tsx

@@ -13,6 +13,7 @@ export const FormElement = (props: Props) => {
   const [isFormSubmitted, setIsFormSubmitted] = useState<boolean>(false);
   const [unRestrictedFormId, setUnRestrictedFormId] = useState<string>("");
   const formId = props.element.answers.formId;
+  const [currentChurch, setCurrentChurch] = useState<ChurchInterface>(props.church);
 
   console.log("church: ", props.church);
   console.log("formId: ", formId);
@@ -21,10 +22,16 @@ export const FormElement = (props: Props) => {
 
 
   useEffect(() => {
-    if (formId && props.church) {
+    console.log("changing church:");
+    setCurrentChurch(props.church);
+  }, [props.church]);
+
+  useEffect(() => {
+    console.log("church prop changed: ")
+    if (formId && currentChurch) {
       loadData();
     }
-  }, [formId, props.church]);
+  }, [formId, currentChurch]);
 
   const loadData = () => {
     ApiHelper.get(