title: Conflict with props
body: <p>What will happen if we pass a prop when calling a component and also with the map state to props</p>
  
  <pre><code>&lt;Modal foo={1} ... /&gt;
  
  const Modal = ({ foo, ... }) =&gt; {
       console.log(foo) // 1 or 2 ? and Why ? is it random ?
  }
  
  export default connect(
      (state) =&gt; ({
          foo: state.foo, // let's say the value in the reducer is 2
          ...
      })
  )(Modal)
  </code></pre>
  
  <p>is there a rule or it's random ?</p>