I'm currently working on my initial React project using Typescript, but I've hit a snag with the code snippet below.
An error message is popping up -
Parameter 'name' implicitly has an 'any' type.ts(7006)Here is the complete code snippet
export default function App() {
const CHARACTER_LIMIT = 20;
const [values, setValues] = React.useState({
name: "Hello"
});
const handleChange = name => event => {
setValues({ ...values, [name]: event.target.value });
};
return (
<div className="App">
<h1>Text Field with character limit</h1>
<TextField
label="Limit"
inputProps={{
maxlength: CHARACTER_LIMIT
}}
value={values.name}
helperText={`${values.name.length}/${CHARACTER_LIMIT}`}
onChange={handleChange("name")}
margin="normal"
variant="outlined"
/>
</div>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
Any suggestions on how to resolve this issue without resorting to setting "noImplicitAny": false