Estoy trabajando en un proyecto next.js (con mecanografiado) y estoy tratando de crear un formulario usando react-hook-form . dentro del formulario, tengo un selector de fecha creado usando react-multi-date-picker .

Probé el tutorial y el código de ejemplo proporcionado por la documentación de react-multi-date-picker aquí

 import React, { useState } from "react"; import DatePicker from "react-multi-date-picker"; import { useForm, Controller } from "react-hook-form"; export default function Example() { const { control, handleSubmit } = useForm(); const [submittedDate, setSubmittedDate] = useState(); const onSubmit = ({ date }) => { setSubmittedDate(date); }; return ( <> <form onSubmit={handleSubmit(onSubmit)}> <Controller control={control} name="date" rules={{ required: true }} //optional render={({ field: { onChange, name, value }, fieldState: { invalid, isDirty }, //optional formState: { errors }, //optional, but necessary if you want to show an error message }) => ( <> <DatePicker value={value || ""} onChange={(date) => { onChange(date?.isValid ? date : ""); }} format={language === "en" ? "MM/DD/YYYY" : "YYYY/MM/DD"} /> {errors && errors[name] && errors[name].type === "required" && ( //if you want to show an error message <span>your error message !</span> )} </> )} /> <input type="submit" /> </form> <p>Submitted Date: {submittedDate?.format?.("MMMM D YYYY")}</p> </> ) }

¡pero el código arroja errores y no funciona en absoluto!

ReferenceError: el idioma no está definido

si elimino el idioma, el error desaparecerá pero la aplicación no funciona como se esperaba.

Entonces, ¿cómo puedo obtener el valor del selector de fecha usando el formulario de gancho?