title: Passing redux state and props to another component using react Router
body: <p>I'm working on a scenario where I want to open a particular URL in new tab when user clicks on particular button. I've used window.open(&quot;/itemPage&quot;, '_blank'); for opening new tab. but I'm not able to pass data to particular component through react router.</p>
  <pre><code>import React from 'react';
  import { Router, Route, Switch } from 'react-router-dom';
  import Home from './Home';
  import ItemPageComponent from './ItemPageComponent';
  import history from '../history';
  import { connect, Provider } from 'react-redux';
  
  class RouterComponent extends React.Component {
  
      render() {
          console.log(&quot;CCTV cameraInfoFrame:: &quot; + this.props.item.name);
  
          return (
              &lt;div&gt;
                  &lt;Router history={history}&gt;
                      &lt;div&gt;
                          &lt;Switch&gt;
                              &lt;Route exact
                                  path=&quot;/&quot;
                                  component={Home}
                              /&gt;
                              &lt;Route exact
                                  path=&quot;/itemPage&quot;
                                      component={&lt;ItemPageComponent data={ this.props.item} /&gt;}
                              /&gt;
                          &lt;/Switch&gt;
                      &lt;/div&gt;
                  &lt;/Router&gt;
              &lt;/div&gt;
          );
      }
  }
  
  const mapStateToProps = (state) =&gt; ({
      item: state.PopoutReducer.itemDetailsState
  });
  
  const RouterContainer = connect(
      mapStateToProps,
  )(RouterComponent);
  
  export default RouterContainer;
  </code></pre>
  <p>Can anyone help me out for this?</p>
  <p>Thanks in Advance.</p>