Estoy tratando de usar el acordeón de react-bootstrap-accordion. pero cuando lo estoy ejecutando, me da un error de Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

pero lo importé como si estuviera importado en la documentación ( https://react-bootstrap.github.io/components/accordion/#accordion-props )

mi código se ve así:

import Accordion from "react-bootstrap/Accordion";

const AccordionContainer= () => {

....

 return ( <Fragment> <Accordion defaultActiveKey="0"> <Accordion.Item eventKey="0"> <Accordion.Header>Accordion Item #1</Accordion.Header> <Accordion.Body> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </Accordion.Body> </Accordion.Item> <Accordion.Item eventKey="1"> <Accordion.Header>Accordion Item #2</Accordion.Header> <Accordion.Body> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </Accordion.Body> </Accordion.Item> </Accordion> </Fragment> );

y sigue sin funcionar.

¿alguien puede señalar mi error aquí?