Obtener TypeError no detectado: Object(...) no es una función en ThemeProvider.js de Bootstrap

2022-07-11 23:44:55

Ejecutó ">npm install react-bootstrap bootstrap"

Se importó el componente de botón de Bootstrap y se agregó a la página. Recibo el siguiente error.

Mi paquete.json tiene entradas debajo para bootstrap junto con otras entradas para reaccionar.

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

Registro de errores

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)

- roopa

Source
zh
Responder


2
  • React bootstrap v1.0.0-beta.14 tiene una dependencia de pares en reaccionar y reaccionar dom y requiere versiones >=16.8.0 que admitan ganchos, por lo que obtiene este error

      "peerDependencies": {
        "react": ">=16.8.0",
        "react-dom": ">=16.8.0"
      },
    

    Actualice sus versiones de react y react-dom de 16.4.0 a 16.8.0 o la última versión para resolver el error anterior