TypeScript is complaining about missing component in React Bootstrap

Question

Im trying to use Accordion in Bootstrap React but Visual Studio Code is complaining that it cant find it.

As the docs states I only needed to include a import of Accordion?

What I imported: import { Col, Row, Container, Form, Accordion } from "react-bootstrap";

How can I fix this? It's not possible to import Accordion.Header for instance.

Steffano Festa · Accepted Answer · 2021-10-02 14:07:16Z

1

You can try using them as classes?

example: class="accordion-header". Give it a try.

Didn't found anything on their docs.

Or

something like this: import { Col, Row, Container, Form, Accordion: { Body, Header} } from "react-bootstrap";

Sorry for making it as an anwser, i can't make comments yet

answered Oct 2, 2021 at 14:07

Steffano Festa

562 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

u314 Over a year ago

That might work, but again the compiler is complaining about the div tag for the Item, is there a way I can put eventKey in there somehow? eventKey="0" gives me the error: Property 'eventKey' does not exist on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>'. I've tried your import string too but did not work

Steffano Festa Over a year ago

Doesn't it need a toogle? check this out pluralsight.com/guides/use-bootstrap-accordion-with-react

Collectives™ on Stack Overflow

TypeScript is complaining about missing component in React Bootstrap

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related