title: IsValidated not working with redux in react stepzilla
body: <p>I developed the multistep registration form using react-stepzilla.I am using react and redux in this registration.</p>
  
  <p>I need to validate the steps and i followed these steps to add the validation to the steps</p>
  
  <ol>
  <li><p>I added the isValidated function to the step.</p></li>
  <li><p>It is working in react but it is not working in redux with react may be react-stepzilla is problem with HOC.</p></li>
  <li><p>I followed the react-stepzilla module git solutions but i got the error 
  "main.js:318 Uncaught TypeError: Cannot read property 'isValidated' of undefined"</p></li>
  </ol>
  
  <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>//React stepzilla main component
  
  const steps = [
   { name: 'step1', component: &lt;RegistrationType /&gt; },
   { name: 'step2', component: &lt;PersonalDetails /&gt; },
   { name: 'step3', component: &lt;ContactDetails /&gt; }
  ]
  
  class MultiStep extends Component {
   render() {
    return (
     &lt;Fragment&gt;
      &lt;h1 className="page-header"&gt;Register for New Account&lt;/h1&gt;
      &lt;StepZilla
       steps={steps}
       stepsNavigation={true}
       nextButtonText='Save and Continue'
       backButtonText='Back'
       nextButtonCls="btn btn-warning active pull-right mr-0"
       backButtonCls="btn btn-primary pull-left ml-25"
            hocValidationAppliedTo= {[0,1, 2]}
      /&gt;
  
     &lt;/Fragment&gt;
    );
   }
  }</code></pre>
  </div>
  </div>
  </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>//Step1 Component:
  
  
  // Checking the validation for registration
   isValidated(){
    alert("checking isValidated calling")
    return this.state.count &gt; 2
   }
    
   // connecting with redux 
   export default  connect((state) =&gt; ({register_reducer: state.register_reducer.register_user}),{saveUser})(Step1); //This is not working and getting the error 
   
   //connecting without redux
   export default Step1 // this is working and checking the validation part</code></pre>
  </div>
  </div>
  </p>
  
  <p>I got the error "Cannot read property 'isValidated' of undefined" when we are connected with redux.
  <a href="https://i.stack.imgur.com/Ie2j1.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ie2j1.png" alt="enter image description here"></a></p>
  
  <p>Please help me out of this problem.</p>