Невозможно ввести текст в поле ввода текста в React. js после использования React Hook

Question

Я только начал практиковаться с использованием React Hooks, и я пытаюсь установить состояние в базовой форме c.

Мой код ниже, я выполнил несколько руководств по inte rnet, однако я не могу понять, почему, когда я запускаю приложение, я не могу вводить текст в текстовое поле. Я упустил что-то очевидное?

import React, { useContext, useState } from 'react';

function UserForm() {
    const [gender, setGender] = useState("");

    return (
                <input
                    value={gender}
                    onChange={e => setGender(e.target.value)}
                    placeholder="Gender"
                    type="text"
                    name="gender"
                />

    )
}

export default UserForm;