mientras usaba Firebase Auth en React, obtuve esto en la Consola:
Uncaught TypeError: Class constructor Firebase cannot be invoked without 'new' at Recompose.esm.js:803:1 at Module../src/components/globalPages/SignUp/index.js (index.js:113:1) at Module.options.factory (react refresh:6:1) at __webpack_require__ (bootstrap:24:1) at fn (hot module replacement:61:1) at Module../src/constants/routes.js (index.js:119:1) at Module.options.factory (react refresh:6:1) at __webpack_require__ (bootstrap:24:1) at fn (hot module replacement:61:1) at Module../src/components/App/index.js (bundle.js:15:75)Mi código:
import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import reportWebVitals from './reportWebVitals'; import App from './components/App/index'; import Firebase, { FirebaseContext } from './components/Firebase'; ReactDOM.render( < React.StrictMode > < FirebaseContext.Provider value = { new Firebase() } > < App / > < /FirebaseContext.Provider> </React.StrictMode > , document.getElementById('root')); reportWebVitals(); class Firebase { constructor() { firebase.initializeApp(FirebaseConfig); } createUserWithEmailAndPassword = (email, password) => firebase.auth().createUserWithEmailAndPassword(email, password); signInWithEmailAndPassword = (email, password) => firebase.auth().signInWithEmailAndPassword(email, password); signOut = () => firebase.auth().signOut(); passwordReset = email => firebase.auth().sendPasswordResetEmail(email); passwordUpdate = password => firebase.auth().currentUser.updatePassword(password); }; export default Firebase;proveedor const = firebase.auth.GoogleAuthProvider();
El código anterior estaba dando error, Uncaught TypeError: el constructor de clase Firebase no se puede invocar sin 'nuevo', en mi caso,
así que esto es lo que hice
proveedor const = new firebase.auth.GoogleAuthProvider();
simplemente agregue la palabra clave "nueva". Funcionó para mí, espero que esto ayude