Задача с формами и чекбоксами

Реализовать стирание значения при нажатии на чекбокс

javascript
import React from 'react';

export function App(props) {
    const [isChecked, setIsChecked] = React.useState(true);

    const handleOnChange = event => {
        setIsChecked(event.target.checked);
    };

    const renderForm1 = () => {
        return (
            <form>
                <label>Name 1</label>
                <input type='text' />
            </form>
        );
    };

    const renderForm2 = () => {
        return (
            <form>
                <label>Name 2</label>
                <input type='text' />
            </form>
        );
    };

    const form = isChecked ? renderForm1() : renderForm2();

    return (
        <div className='App'>
            <div>
                <label>test</label>
                <input type='checkbox' checked={isChecked} onChange={handleOnChange} />
            </div>
            {form}
        </div>
    );
}