30+ useState in a component [closed]

I need to make a form which has 4 parts that are co related with each other. Some input fields are depended on other fields. This form has radio, input, dropdown and some buttons are like prebuild variables that will fill in the field without spaces to perform mathematical operations. Along with, it has too many handler which are performing different mathematical task or destructuring from the value from drop down and many more. How do I handle or refactor too many useState?

I need a solution in which all the states can become one or atleast very that I can handle them easily. along with other things as well