Only pass finish props on final step to avoid TS excess props

cgen-60357f089d224893b45f77257192e804

client/pages/Onboarding.tsx

@@ -216,16 +216,18 @@ export default function Onboarding() {
               <SkeletonOnboardingStep />
             ) : (
               <div className="animate-fade-in">
-                <CurrentStepComponent
+                {currentStep === steps.length - 1 ? (
-                  data={data}
+                  <Welcome data={data} onFinish={finishOnboarding} isFinishing={isFinishing} />
-                  updateData={updateData}
+                ) : (
-                  nextStep={nextStep}
+                  <CurrentStepComponent
-                  prevStep={prevStep}
+                    data={data}
-                  currentStep={currentStep}
+                    updateData={updateData}
-                  totalSteps={steps.length}
+                    nextStep={nextStep}
-                  onFinish={finishOnboarding}
+                    prevStep={prevStep}
-                  isFinishing={isFinishing}
+                    currentStep={currentStep}
-                />
+                    totalSteps={steps.length}
+                  />
+                )}
               </div>
             )}
           </div>