From 369df0040c69ff921cac20fdf4900a3c92202714 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 8 Nov 2025 02:14:51 +0000
Subject: [PATCH] completionId: cgen-b6ffd0ad2be94d22b1ddc4119306ca8b

cgen-b6ffd0ad2be94d22b1ddc4119306ca8b
---
 .../components/onboarding/CreatorProfile.tsx  | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/client/components/onboarding/CreatorProfile.tsx b/client/components/onboarding/CreatorProfile.tsx
index d0e3bd88..ea1930ea 100644
--- a/client/components/onboarding/CreatorProfile.tsx
+++ b/client/components/onboarding/CreatorProfile.tsx
@@ -41,23 +41,25 @@ const SKILL_SUGGESTIONS = [
 
 export default function CreatorProfile({
   data,
-  onChange,
-  onNext,
-  onPrev,
-  isTransitioning,
+  updateData,
+  nextStep,
+  prevStep,
+  currentStep,
+  totalSteps,
 }: CreatorProfileProps) {
   const [inputValue, setInputValue] = useState("");
+  const creatorData = data.creatorProfile || { bio: "", skills: [], primaryArm: "" };
 
   const canProceed = useMemo(() => {
-    return data.primaryArm && data.skills.length > 0;
-  }, [data.primaryArm, data.skills.length]);
+    return creatorData.primaryArm && creatorData.skills.length > 0;
+  }, [creatorData.primaryArm, creatorData.skills.length]);
 
   const handleAddSkill = (skill: string) => {
-    if (!data.skills.includes(skill)) {
-      onChange({
+    if (!creatorData.skills.includes(skill)) {
+      updateData({
         creatorProfile: {
-          ...data,
-          skills: [...data.skills, skill],
+          ...creatorData,
+          skills: [...creatorData.skills, skill],
         },
       });
     }
@@ -65,27 +67,27 @@ export default function CreatorProfile({
   };
 
   const handleRemoveSkill = (skill: string) => {
-    onChange({
+    updateData({
       creatorProfile: {
-        ...data,
-        skills: data.skills.filter((s) => s !== skill),
+        ...creatorData,
+        skills: creatorData.skills.filter((s) => s !== skill),
       },
     });
   };
 
   const handleSelectArm = (armId: string) => {
-    onChange({
+    updateData({
       creatorProfile: {
-        ...data,
+        ...creatorData,
         primaryArm: armId,
       },
     });
   };
 
   const handleBioChange = (bio: string) => {
-    onChange({
+    updateData({
       creatorProfile: {
-        ...data,
+        ...creatorData,
         bio,
       },
     });