Estoy tratando de agregar un formulario en mi aplicación de tareas pendientes. En el campo cuando hago clic para escribir algo, esto muestra un error. así : TypeError: no se pueden leer las propiedades de undefined (leyendo 'descripción')

No entiendo cómo arreglar esto. Por favor ayuda.

Aquí está mi archivo TodoComponent.

 import React, { Component } from 'react'; import moment from 'moment'; import { Field, Form, Formik } from 'formik'; class TodoComponent extends Component { constructor(props) { super(props); this.state = { id: this.props.match.params.id, description: 'Learn Forms', targetDate: moment(new Date()).format('YYYY-MM-DD'), }; } render() { return ( <div> <h1>Todo</h1> <div className='container'> <Formik> {(props) => ( <Form> <fieldset className='form-group'> <label>Description</label> <Field className='form-control' type='text' name='description' /> </fieldset> </Form> )} </Formik> </div> </div> ); } } export default TodoComponent;