Bug: Input minLength not working after type changed

I have an input with type password with minLength 8, and i have a toggle to change the type to text (password toggle). when i type with length < 8 and press submit, it prevent to submit. but, when i toggle the password so it change the type to text and submit the form, it can submitted. btw i using useRef() React version: react: ^17.0.1 react-dom: ^17.0.1 ## Steps To Reproduce 1. type character < minLength 2. submit form 3. toggle form type 4. submit form Link to code example: [DEMO](https://codesandbox.io/s/young-shape-4tciw) ## The current behavior The form get submitted even when it under minLength ## The expected behavior The form not get submitted when it under minLength