Common issue with synchronizing state in React

You may use e.target.value directly, anything that is not reactive, i.e input that changes only by user activity, should not be a state at all.. still if you need it... rather use a ref in that case

dude thank you so much for this tutorial! I couldn't get my head around how this was supposed to work but the way you explained it made me get it instantly!

Thanks , nice explanation!!

Thanks a lot, I was struggling with this for couple of hours, the second way and more clean clode, didn't work for me, I think is because so many things are involved, but using the UseEffect just solved the problem