Tenemos una página de información de edición en la que estamos usando un formulario Formik para editar los datos en una tabla. El flujo es hacer clic en la fila => editar => va a la página ".../editar/2" y edita el ID n.º 2).

Anteriormente estaba usando useFormik pero escuché que solo se usaba en algunos casos de uso, así que cambié a wrapper.

En el componente de formulario, estoy usando Redux RTK useSelector para obtener los datos asociados a la identificación en los parámetros y luego asignarlos a los valores iniciales para que el formulario se complete previamente con información. Algo como esto:

 const { id } = useParams(); const rowData = useSelector(state => state.rowData.rowData.filter(data => data.id == id); const initialValues: { name: rowData.name, description: rowData.description, id: id };

Sin embargo, el problema es que cuando actualizo la página obtengo un error de referencia porque mi valor inicial está intentando acceder a una propiedad que no está definida. Específicamente, diciendo: No se pueden leer las propiedades de undefined (leyendo 'nombre')