Ran“> npm install react-bootstrap bootstrap”

从Bootstrap导入了按钮组件，并将其添加到页面中。我收到以下错误。

我的package.json在下面具有用于引导的条目以及用于响应的其他条目。

"react-bootstrap": "^1.0.0-beta.14","bootstrap": "^4.3.1",import React,{ Component } from 'react';
import ToggleButtonGroup from 'react-bootstrap/ToggleButtonGroup';
import ToggleButton from 'react-bootstrap/ToggleButton';

class MyButtonComponent extends Component {

    render() {
        let value  =1;
        return (

           <ToggleButtonGroup type="checkbox" value={value} >
             <ToggleButton value={1}>Option 1</ToggleButton>
             <ToggleButton value={2}>Option 2</ToggleButton>
             <ToggleButton value={3}>Option 3</ToggleButton>
           </ToggleButtonGroup>

        );
    }
}

export default MyButtonComponent ;

错误日志

ThemeProvider.js:29 Uncaught TypeError: Object(...) is not a function
    at useBootstrapPrefix (VM106126 ThemeProvider.js:29)
    at eval (VM106134 ButtonGroup.js:29)
    at updateForwardRef (VM105779 react-dom.development.js:13046)
    at beginWork (VM105779 react-dom.development.js:13837)
    at performUnitOfWork (VM105779 react-dom.development.js:15864)
    at workLoop (VM105779 react-dom.development.js:15903)
    at HTMLUnknownElement.callCallback (VM105779 react-dom.development.js:100)
    at Object.invokeGuardedCallbackDev (VM105779 react-dom.development.js:138)
    at invokeGuardedCallback (VM105779 react-dom.development.js:187)
    at replayUnitOfWork (VM105779 react-dom.development.js:15311)