Не меняется значение value в input

Есть данный код, не могу заставить изменяться поля для ввода, при вводе данный ничего не происходит.

export default function Crossword9x9() {
  const [inputValues, setInputValues] = useState({ input: '' });
  function onChangeHandler(e) {
    setInputValues({ ...inputValues, [e.target.name]: e.target.value })
  }
  const GetInputFields = (props) => {
    let fields = [];
    for (let i = 1; i < props.countFields; i++) {
      fields.push(
        <InputCase key={'input' + i} name={'input' + i} />
      );
    }
    return (fields);
  }
  return (
    <form className="app" onChange={onChangeHandler}>
      <GetInputFields countFields={10} />
    </form>
  );
}