From 020169eb79c386fa9310439fe4fc34b5fb816d4e Mon Sep 17 00:00:00 2001
From: Leon Serfaty G <serfowi@gmail.com>
Date: Fri, 18 Jul 2025 04:42:27 +0000
Subject: [PATCH] I see this error with the app, reported by NextJS, please fix
 it. The er

---
 src/components/cost-estimator/cost-estimator-form.tsx  | 6 +++---
 src/components/cost-estimator/step-7-illustrations.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/cost-estimator/cost-estimator-form.tsx b/src/components/cost-estimator/cost-estimator-form.tsx
index 0370985..638fee2 100644
--- a/src/components/cost-estimator/cost-estimator-form.tsx
+++ b/src/components/cost-estimator/cost-estimator-form.tsx
@@ -1,7 +1,7 @@
 
 "use client";
 
-import React, { useState, useTransition, useMemo } from 'react';
+import React, { useState, useTransition, useMemo, useCallback } from 'react';
 import { Step1ProjectType } from './step-1-project-type';
 import { Step2ServiceType } from './step-2-service-type';
 import { Step3ProjectStage } from './step-3-project-stage';
@@ -140,9 +140,9 @@ export function CostEstimatorForm() {
     });
   };
 
-  const handleUpdateFormData = (newData: Partial<FormData>) => {
+  const handleUpdateFormData = useCallback((newData: Partial<FormData>) => {
     setFormData((prev) => ({ ...prev, ...newData }));
-  };
+  }, []);
 
   const handleReset = () => {
     setFormData({
diff --git a/src/components/cost-estimator/step-7-illustrations.tsx b/src/components/cost-estimator/step-7-illustrations.tsx
index e87aa79..a38344b 100644
--- a/src/components/cost-estimator/step-7-illustrations.tsx
+++ b/src/components/cost-estimator/step-7-illustrations.tsx
@@ -63,7 +63,7 @@ export function Step7Illustrations({ onNext, onBack, onUpdateData, formData }: S
 
   useEffect(() => {
     onUpdateData({ illustrations: selections });
-  }, [selections, onUpdateData]);
+  }, [selections]);
 
   const handle2dCheck = (checked: boolean) => {
     setSelections(prev => ({