If you are seeing this error in your React application and not sure how to fix it, this is they way.

To fix this error:

CHANGE FROM:

const [password, setPassword] = useState()

 

CHANGE TO:

const [password, setPassword] = useState('')

 

Solution: Did you noticed the change. Are are missing the default value in your useState() function.

Error:

Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components
input
div
div
div
div
Login@http://localhost:3000/static/js/bundle.js:299:76
RenderedRoute@http://localhost:3000/static/js/bundle.js:38936:7
Routes@http://localhost:3000/static/js/bundle.js:39372:7
div
div
App
Router@http://localhost:3000/static/js/bundle.js:39314:7
BrowserRouter@http://localhost:3000/static/js/bundle.js:37628:7