title: Warning: React does not recognize the `previousStep` prop on a DOM element
body: <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>import React, { Component } from 'react';
  import ChatBot from 'react-simple-chatbot';
  import { Switch, Route, BrowserRouter } from 'react-router-dom';
  import Dropzone from 'react-dropzone';
  
  class Form extends Component {
  
    constructor(props){
      super(props);
  
      this.state = {
        // some other states
        file: ''
      };
    }
    
    onDrop(acceptedFiles){
      var file = acceptedFiles[0];
      const reader = new FileReader();
      reader.onload = () =&gt; {
        const fileAsBinaryString = reader.result;
        this.setState({
          file: fileAsBinaryString
        });
        
        //console.log(fileAsBinaryString);
      }
  
      reader.readAsBinaryString(file);
  
      //console.log(file);
    }
    
    render() {
      return(
        &lt;ChatBot
          steps={[
            {
              id: '1',
              message: 'You can add custom components',
              trigger: '2',
            },
            {
              id: '2',
              component: (
                &lt;div&gt;
                   &lt;Dropzone onDrop={this.onDrop.bind(this)} /&gt;
                &lt;/div&gt;
              ),
              end: true,
            },
          ]}
        /&gt;
      )
    
    }
  
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/YltjF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YltjF.png" alt="Warnings"></a>I am trying to use react-dropzone within react-simple-chatbot, but when I upload a file it shows 2 warnings:</p>
  
  <ol>
  <li><p><code>React does not recognize the previousStep prop on a DOM element.</code></p></li>
  <li><p><code>React does not recognize the triggerNextStepenter image description here prop on a DOM element.</code></p></li>
  </ol>
  
  <p>I am able to find similar problems but their solutions are not working out for me. How should I make it work?</p>
  
  <p>Edit: I have added an example similar to my approach.</p>