Property 'Item' does not exist on type 'typeof Accordion'

Viewed 631

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">

0 Answers
Related