React.js, css modules (layout built with flexbox),javascript

I'm new to learning react, the focus of this project was on {useState} hook. As you can see, I created a new state variable for the validity of each of the input fields. My gut tells me theres a faster way but I just havent learned it yet.

For anyone who is more experienced with React, how could I have shortened my code? I'm planning on learning about context, useReducer, useRef soon. I think some of these will definitely be used to shorten my code in the future.

Also, i added in an extra condition for validating the password, it must contain at least 2 numbers.

Other than that, all comments welcome.