title: ownProps always passed as an empty object
body: <p>I have all my component wrapped in react redux and I am trying to render some component from another component by clicking to some button but I am not able to get the passed props</p>
  
  <p>this is the code where I am trying to render a child component with some props:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import ChildComponent from './child_component';
  
  class Home extends Component {
   constructor(props) {
    super(props);
   }
   go_to_child_component(){
    this.setState({
      child_component_triggered: true
    })
   }
   render() {
    return (
     &lt;div&gt;
      {this.state.child_component_triggered ? &lt;ChildComponent filter="some_value" /&gt; : null}
      &lt;button onClick={this.go_to_child_component.bind(this)}&gt;render ChildComponent&lt;/button&gt;
     &lt;/div&gt;
    )
   }
   const mapStateToProps= (state) =&gt; {...//normal codes}
   const mapDispatchToProps = (dispatch) =&gt; {...//normal codes}
   export default connect(mapStateToProps, mapDispatchToProps)(Home);
  </code></pre>
  
  <p>this is where I am trying to get the passed props in the child component by ownProps:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  
  class ChildComponent extends Component {
   constructor(props) {
    super(props);
   }
   render() {
     return (
      &lt;div&gt; i am child component &lt;/div&gt;
     )
   }
  }
  
  const mapStateToProps = (state, ownProps) =&gt; {
    console.log(ownProps) // always {}
    let obj = {...state};
    obj.ownProps = {...ownProps};
    return {...obj};
  };
  const mapDispatchToProps = (dispatch) =&gt; {...//normal codes}
  export default connect(mapStateToProps, mapDispatchToProps)(ChildComponent);
  </code></pre>
  
  <p>ownProps is always empty object, any help please</p>