ReferenceError: Can't find variable: regeneratorRuntime on React

user_10715479 0
Viewed 4312

I'm trying to creat a login with react and firebase. I've been following a tutorial, the problem is that this code:

const handleLogin = useCallback(
    async event => {
        event.preventDefault();
        const { email, password } = event.target.elements;
        try {
            await firebaseConfig.auth().signInWithEmailAndPassword(email.value, password.value);
            history.push("/citas")
        } catch (error) {
            alert(error);
        }
    },
    [history]
);

is giving me this error:

ReferenceError: Can't find variable: regeneratorRuntime

I don't find any solution as I don't know what it means. Any ideas?

firebase reactjs
2 Answers

Using @babel/polyfill is officially deprecated. Since you are using a react application (and do not rely on a legacy codebase) you could prefer using the following:

npm i --save core-js/stable regenerator-runtime

// ECMA Script Polyfills:
import "core-js/stable";
// Needed for the generator functions which are transpiled from your async await keywords
import "regenerator-runtime/runtime";

Reference

user_23615000

npm install --save @babel/polyfill might be the solution and also import them into your file.

user_88073380
Related