zhangmyihua / lesson-12 Goto Github PK

import React from "react";
import "./App.css";
import HomePage from "./pages/homepage/homepage-component";
import { Switch, Route } from "react-router-dom";
import ShopPage from "./pages/shop/shop.component";
import Header from "./components/header/header.component";
import SignInAndSignUpPage from "./pages/sign-in-and-sign-up/sign-in-and-sign-up.component";
import { auth, createUserProfileDocument } from "./firebase/firebase.utils";
import { connect } from "react-redux";
import { setCurrentUser } from "./redux/user/user.actions";

class App extends React.Component {
unsubscribeFromAuth = null;

componentDidMount() {
const { setCurrentUser } = this.props;

this.unsubscribeFromAuth = auth.onAuthStateChanged(async (userAuth) => {
  if (userAuth) {
    const userRef = await createUserProfileDocument(userAuth);

    userRef.onSnapshot((snapShot) => {
      setCurrentUser({
        id: snapShot.id,
        ...snapShot.data(),
      });
    }); 
  }
  setCurrentUser(userAuth);
});

}

componentWillUnmount() {
this.unsubscribeFromAuth();
}

render() {
return (

export default connect(null, mapDispatchToProps)(App);

Unhandled Rejection (TypeError): Object(...) is not a function in this line of code
setCurrentUser: user => dispatch(setCurrentUser(user))

please help. i cannot find any help after searching in stackoverflow.
@ZhangMYihua please help I am unable to proceed further in your course.

Despite the code is the same till now as Yihua explained, I always see SignIn instead of SignOut. The currentuser is always undefined in my console.log.

My Console