Как мне изменить все в разделе <Accordion>на левую навигацию в реакции-начальной загрузке

Question

const ProductsMenu = ( { menu } ) => {
    return (
        <Accordion>
            {menu.map(menuitem => {
                return (
                    <Card key={menuitem.id}>
                        <Card.Header key={menuitem.id}>
                            <CustomToggle key={menuitem.id} id={menuitem.id} eventKey={menuitem.id}>
                                {menuitem.label}
                                <FontAwesomeIcon key={menuitem.id} style={{marginLeft: '0.5rem', float: 'right'}} icon={'caret-down'} size={'sm'}/>
                            </CustomToggle>
                        </Card.Header>
                        <Accordion.Collapse eventKey={menuitem.id}>
                            <Card.Body key={menuitem.id}>
                                <ReportsMenu key={menuitem.id} label={menuitem.label} id={menuitem.id}/>
                            </Card.Body>
                        </Accordion.Collapse>
                    </Card>
                );
            })}
        </Accordion>
    );
};