useForm data is not showing in the console

I am developing gmail-clone, I am using useForm for validating data. When I enter data in the form and print it to the console, nothing happens

const onSubmit = (data) => {
        console.log(data);
    };

<form onSubmit={handleSubmit(onSubmit)}>
            <input name='to' placeholder='To' type='text' {...register('to', { required: true })} />
            <input name='subject' placeholder='Subject' type='text' {...register('subject', { required: true })} />
            <input name='message' placeholder='Type your message here...' type='text' className='sendMail_message' {...register('message', { required: true })} />

            <div className='sendMail_options'>
                <Button className='sendMail_send'>Send</Button>
            </div>
        </form>

Via Active questions tagged javascript - Stack Overflow https://ift.tt/kr5SftR