Practice-30-Form

Hi, good work. Consider to change state from booleans to number or string. I think it might simplify the code.

  const [stepOne, setStepOne] = useState(true);
  const [stepTwo, setStepTwo] = useState(false);
  const [stepThree, setStepThree] = useState(false);
  const [stepFour, setStepFour] = useState(false);

type StepState = 1 | 2 | 3 | 4;

const [step, setStep] = useState<StepState>(1);

switch(step) { ... }

Hi, the design is very well done. The only thing that feels a bit off is that when the validation message 'StepOne_errorText__ABYh5' appears, it changes the spacing between the components. I would suggest finding a way to maintain consistent spacing at all times.

Regards !!

Hey! This is a beautiful solution... I'm thinking of doing it as my next challenge. The only problem I faced was with your phone number verification. It only accepts a + followed by 10 digits but my country code has two extra digits, making it 12. I think you could just increase the range of accepted number of digits to be from 10 - 12 digits.

Happy coding!