Search code examples
reactjsnpmreact-bootstrapbootstrap-accordion

How to import "useAccordionButton"?


Using "react-bootstrap"

import { useAccordionButton } from 'react-bootstrap/AccordionButton';

Gives error message:

Module not found: Can't resolve 'react-bootstrap/AccordionButton'

npm list

bsn-gui@0.1.0 C:\goproj\src\github.com\amortaza\bsn-gui
├── @testing-library/jest-dom@5.14.1
├── @testing-library/react@11.2.7
├── @testing-library/user-event@12.8.3
├── bindings@1.5.0 extraneous
├── bootstrap@5.1.1
├── file-uri-to-path@1.0.0 extraneous
├── nan@2.15.0 extraneous
├── react-bootstrap-validation@0.1.11
├── react-bootstrap@1.6.3
├── react-dom@17.0.2
├── react-scripts@4.0.3
├── react-split@2.0.13
├── react@17.0.2
└── web-vitals@1.1.2

Solution

  • Accordion.Button is available in react-bootstrap v5 (v2.0.0-rc0)

    Accordion.Button

    You have v4 react-bootstrap@1.6.3 installed.

    Uninstall the current version and install latest.

    npm uninstall -S react-bootstrap
    npm install -S react-bootstrap@2.0.0-rc.0