wip: update copy of the state instead of mutating it

src/components/ProfileType/ProfileTypeFormDateSelection.tsx

@@ -141,8 +141,7 @@ const ProfileTypeFormDateSelection: React.FC<
   }, [profileType, setPreviousStep])
 
   const handleNext = useCallback(() => {
-    profileType[answerType.attribute] = answer
-    setNextStep(profileType)
+    setNextStep({ ...profileType, [answerType.attribute]: answer })
   }, [profileType, setNextStep, answer, answerType.attribute])
 
   function handleSelectMonth(event: any) {

src/components/ProfileType/ProfileTypeFormMultiChoice.tsx

@@ -67,8 +67,10 @@ const ProfileTypeFormMultiChoice: React.FC<ProfileTypeFormMultiChoiceProps> = ({
   }, [profileType, setPreviousStep])
 
   const handleNext = useCallback(() => {
-    profileType[answerType.attribute] = answer as IndividualInsulationWork[]
-    setNextStep(profileType)
+    setNextStep({
+      ...profileType,
+      [answerType.attribute]: answer as IndividualInsulationWork[],
+    })
   }, [profileType, setNextStep, answer, answerType.attribute])
 
   useEffect(() => {

src/components/ProfileType/ProfileTypeFormNumber.tsx

@@ -37,8 +37,7 @@ const ProfileTypeFormNumber: React.FC<ProfileTypeFormNumberProps> = ({
   }, [profileType, setPreviousStep])
 
   const handleNext = useCallback(() => {
-    profileType[answerType.attribute] = answer
-    setNextStep(profileType)
+    setNextStep({ ...profileType, [answerType.attribute]: answer })
   }, [profileType, setNextStep, answer, answerType.attribute])
 
   useEffect(() => {

src/components/ProfileType/ProfileTypeFormNumberSelection.tsx

@@ -51,8 +51,7 @@ const ProfileTypeFormNumberSelection: React.FC<
   }, [profileType, setPreviousStep])
 
   const handleNext = useCallback(() => {
-    profileType[answerType.attribute] = answer
-    setNextStep(profileType)
+    setNextStep({ ...profileType, [answerType.attribute]: answer })
   }, [profileType, setNextStep, answer, answerType.attribute])
 
   useEffect(() => {

src/components/ProfileType/ProfileTypeFormSingleChoice.tsx

@@ -40,8 +40,7 @@ const ProfileTypeFormSingleChoice: React.FC<
   }, [profileType, setPreviousStep])
 
   const handleNext = useCallback(() => {
-    profileType[answerType.attribute] = answer
-    setNextStep(profileType)
+    setNextStep({ ...profileType, [answerType.attribute]: answer })
   }, [profileType, setNextStep, answer, answerType.attribute])
 
   useEffect(() => {

src/components/ProfileType/ProfileTypeView.tsx

@@ -86,6 +86,7 @@ const ProfileTypeView: React.FC = () => {
       if (_profileType) {
         setProfileType(_profileType)
         profileTypeFormService = new ProfileTypeFormService(_profileType)
+        console.log(profileTypeFormService)
         curProfileEcogesture.heating = _profileType.heating
         curProfileEcogesture.hotWater = _profileType.hotWater
         curProfileEcogesture.warmingFluid = _profileType.warmingFluid
@@ -115,17 +116,14 @@ const ProfileTypeView: React.FC = () => {
     ]
   )
 
-  const setPreviousStep = useCallback(
-    (_profileType: ProfileType) => {
-      setProfileType(_profileType)
-      const profileTypeFormService = new ProfileTypeFormService(_profileType)
-      const previousStep: ProfileTypeStepForm =
-        profileTypeFormService.getPreviousFormStep(step)
-      setIsLoading(true)
-      setStep(previousStep)
-    },
-    [step]
-  )
+  const setPreviousStep = useCallback(() => {
+    console.log(profileType)
+    const profileTypeFormService = new ProfileTypeFormService(profileType)
+    const previousStep: ProfileTypeStepForm =
+      profileTypeFormService.getPreviousFormStep(step)
+    setIsLoading(true)
+    setStep(previousStep)
+  }, [profileType, step])
 
   const selectForm = () => {
     if (answerType.type === ProfileTypeFormType.SINGLE_CHOICE) {
@@ -201,14 +199,17 @@ const ProfileTypeView: React.FC = () => {
   }
 
   useEffect(() => {
-    if (profile.isProfileTypeCompleted) {
-      setProfileType(curProfileType)
-    }
     const _answerType: ProfileTypeAnswer =
       ProfileTypeFormService.getAnswerForStep(step)
     setAnswerType(_answerType)
     setIsLoading(false)
-  }, [step, profile, curProfileType])
+  }, [step])
+
+  useEffect(() => {
+    if (profile.isProfileTypeCompleted) {
+      setProfileType({ ...curProfileType })
+    }
+  }, [curProfileType, profile])
 
   return (
     <>