title: Redux Form action undefined
body: <p>I am trying to do authorization.
  I get the data from reduxForm, and it is visible, but for some reason the data does not immediately get into the function, but goes to action, and I get an undefined value.
  Registration is carried out on the same principle, but there are no errors.</p>
  
  <p>Where could my mistake be?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>REDUX
  
  const NewUserEror = "NewUserEror";
  const RegSucces = "RegSucces";
  const RegStart = "RegStart";
  const RegEnd = "RegEnd";
  
  let initialState = {
    error: null,
    loading: false
  };
  
  const registrationReducer = (state = initialState, action) =&gt; {
    switch (action.type) {
      case RegSucces:
        return {
          ...state,
          error: false
        };
      case NewUserEror:
        return {
          ...state,
          error: action.payload
        };
      case RegStart:
        return {
          ...state,
          loading: true
        };
      case RegEnd:
        return {
          ...state,
          loading: false
        };
  
      default:
        return state;
    }
  };
  export const LogInUser = data =&gt; async (
    dispatch,
    getState,
    { getFirebase }
  ) =&gt; {
    const firebase = getFirebase();
    dispatch({ type: RegStart });
    try {
      await firebase.auth().signInWithEmailAndPassword(data.email, data.password);
      dispatch({ type: RegSucces });
    } catch (err) {
      dispatch({ type: NewUserEror, payload: err.message });
    }
    dispatch({ type: RegEnd });
  };
  
  
  CONTAINER
  
  import React from "react";
  import { connect } from "react-redux";
  import Login from "./login";
  import LogInUser from "./../../../redux/registrationReducer"
  class AuthBox extends React.Component{
  
    Userlogin=(formdata)=&gt;{
  
      this.props.LogInUser(formdata)
    }
    render(){
      return&lt;Login {...this.props} Userlogin={this.Userlogin}&gt;&lt;/Login&gt;
    }
  }
  
  let mapStateToProps=(state)=&gt;{
    return{
    loading:state.Regis.loading,
    error:state.Regis.error
    }
  }
  
  
  
  export default connect(mapStateToProps,{LogInUser})(AuthBox);
  
  
  
  COMPONENT
  
  const Login = props =&gt; {
    let onSubmit = formData =&gt; {
    props.Userlogin(formData);
    };
    return (
      &lt;div className={classes.formbox}&gt;
        &lt;div className={classes.form}&gt;
          &lt;h5 className={classes.formtitle}&gt;Вход&lt;/h5&gt;
          &lt;LoginForm onSubmit={onSubmit}&gt;&lt;/LoginForm&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    );
  };
  
  export default Login;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/jKxat.png" rel="nofollow noreferrer">Error</a></p>
  
  <p><a href="https://i.stack.imgur.com/lO8mg.png" rel="nofollow noreferrer">Action undefined</a></p>
  
  <p>p.s sorry for my english</p>