Convert this uncontrolled <input> into a controlled input that mirrors its value into React state.

Why is <input type="file"> always uncontrolled in React, no matter how you write it? What is the correct way to access the chosen file?

React logs A component is changing a controlled input to be uncontrolled when this code runs. What is wrong, and what is the fix?

When should you reach for an uncontrolled input on purpose? Give one realistic scenario.