Dynamic Fields, Debounced Checks and Forms in Steps

Click Remove on the first row of a list, and the checkbox you ticked on that row can appear on the row that moves up to take its place. The cause is the row's key prop when it holds the row's position in the array, and it is the first of three problems this lesson solves on the sign-up form from Managing and Validating Complex Forms.

That lesson stored the form's values in a reducer and validated them by hand, with Formik and Yup, and with React Hook Form and Zod