Error de React: el tipo de elemento no es válido: se esperaba una cadena.
Estoy haciendo un calendario con React pero me muestra este problema cuando intento ejecutarlo:
yarn start “Error: El tipo de elemento es inválido: se esperaba una cadena (para componentes incorporados) o una clase/función (para componentes compuestos) pero se obtuvo un objeto. Es probable que haya olvidado exportar su componente desde el archivo en el que se define, o podría haber mezclado importaciones predeterminadas y con nombre.
Revisa el método render de Calendar.”
mi código Calendar.jsx:
import React, { useRef,useState } from "react";
import FullCalendar from '@fullcalendar/react'
import dayGridPlugin from '@fullcalendar/daygrid'
import AddEventModal from "./AddEventModal";
function Calendar () {
const[modalOpen, setModalOpen] = useState(false);
const calendarRef =useRef(null);
const onEventAdded = event =>{
let calendarApi = calendarRef.current.getApi();
calendarApi.addEvent(event);
}
return(
<section>
<button>Añadir evento al calendario</button>
<fullcalendar ref="{calendarRef}" plugins="{[" daygridplugin="" ]}="" initialview="dayGridMonth"></fullcalendar>
<addeventmodal isopen="{modalOpen}" onclose="{()" ==""> setModalOpen(false)}
onEventAdded={event => onEventAdded(event)}/>
</addeventmodal></section>
)
}
export default Calendar
davy.ai
Parece que olvidaste exportar el componente AddEventModal del archivo AddEventModal.jsx. Asegúrate de tener la siguiente línea al final del archivo AddEventModal.jsx:
js
export default AddEventModal;