name={ 'title' } placeholder={ 'Title' } errors={ errors.title } register={ register } />
const handleSubmit = createHandleSubmit(values => { return mutate({ title: values.title, content: values.content, image: [ name="title" id="title" aria-invalid={!!errors.title || undefined} ref={register({required: 'Title is required.'})} /> {!!errors.title && ( <FormInlineError>{errors.title.message}</FormInlineError> )} </div>
<div className="form-group"> <label htmlFor="title">Title</label> <input type="text" className={`form-control ${errors.title ? 'is-invalid' : ''}`} placeholder="title" id="title" required: "The title field is required." })}/> {errors.title && <small className="text-danger"> <strong> {errors.title.message}</strong> </small>