Q:

handleSubmit() an onSubmit function or pass onSubmit as a prop

I tried to include the redux form inside my stepper.
so I followed this tutorial and used async form https://redux-form.com/8.0.4/docs/gettingstarted.md/
in their demo its working fine.
but when I hit sign up button I am facing an error  handleSubmit() an onSubmit function or pass onSubmit as a prop.
so I debugged all the files by putting console.
when I hit submit none of my consoles are printing.
will there be problem due to handleSubmit.
can you tell me how to fix it  so that in future I will fix it myself.
providing my sandbox and code snippet below.
https://codesandbox.io/s/98qjwrrklr

const AsyncValidationForm = props => {
  console.log("AsyncValidationForm ---->");

  const { handleSubmit, pristine, reset, submitting } = props;
  return (
    <form onSubmit={handleSubmit}>
      <Field
        name="username"
        type="text"
        component={renderField}
        label="Username"
      />
      <Field
        name="password"
        type="password"
        component={renderField}
        label="Password"
      />
      <div>
        <button type="submit" disabled={submitting}>
          Sign Up
        </button>
        <button type="button" disabled={pristine || submitting} onClick={reset}>
          Clear Values
        </button>
      </div>
    </form>
  );
};

A:

1)
You have to pass an onSubmit parameter to the component that has de reduxForm HOC:
  <AsyncValidationForm onSubmit={values => { console.log(values) }} />

2)
You are not creating the store correctly because the store needs a form field like the example:
import { reducer as reduxFormReducer } from 'redux-form';
const reducer = combineReducers({
  form: reduxFormReducer, // mounted under "form"
});

but you are defining the store as below:
const reducer = () => ({});
const store = createStore(reducer);

You can simply import store from your store.js file in the index.js:
import store from './store';

