I have this Accordion component from react-boostrap. The code is as follows:
import React, { Component, FormEvent } from "react";
import {
Card,
Col,
Container,
FormControlProps,
Modal,
Row,
Accordion
} from "react-bootstrap";
....
....
....
getInvoicesSelectionModal() {
return (
<Modal
show={this.state.showInvoicesSelection}
centered={true}
onHide={this.handlePolicySelectionClose}
>
<Modal.Header
closeButton={true}
>
<Modal.Title style={{ color: "white" }}>Select Invoices</Modal.Title>
</Modal.Header>
<Modal.Body>
<div>
<Accordion>
<Accordion.Item eventKey="0">
<Accordion.Header>Accordion Item #1</Accordion.Header>
<Accordion.Body>
2
</Accordion.Body>
</Accordion.Item>
<Accordion.Item eventKey="1">
<Accordion.Header>Accordion Item #2</Accordion.Header>
<Accordion.Body>
2
</Accordion.Body>
</Accordion.Item>
</Accordion>
</div>
</Modal.Body>
</Modal>
);
}
But I get the following error:
TypeScript error in "Filename.tsx"
Property 'Item' does not exist on type 'typeof Accordion'.
<Accordion.Item eventKey="0">