How to use the react-router.withRouter function in react-router

const Dashboard = React.createClass({
  render() {
    const token = auth.getToken()

    return (
      <div>
        <h1>Dashboard</h1>
        <p>You made it!</p>
        <p>{token}</p>
      </div>
    )
  }
})

const Login = withRouter(
  React.createClass({

    getInitialState() {
      return {
        error: false
      }
    },

    handleSubmit(event) {
      event.preventDefault()

      const email = this.refs.email.value
      const pass = this.refs.pass.value

      auth.login(email, pass, (loggedIn) =&gt; {
        if (!loggedIn)

const logout = () => {
    props.history.push("/logout");
    props.handleMenuClick();
  };
  return (
    <div>
      Logout
    </div>
  );
}

LogoutBtn.propTypes = {
  handleMenuClick: PropTypes.func
};

export default withRouter(LogoutBtn);

{data.map(this.renderRow)}
            
          
        
      
    )
  }
}

FilterableLegislatorList.propTypes = {
  data: PropTypes.array.isRequired,
  history: PropTypes.object.isRequired
}

export default withRouter(FilterableLegislatorList)

)
  }

  return(
    <div>
      {barBackground}
      <div>
        {barImage}
        {barInfo}
      </div>
    </div>
  );
};

export default withRouter(ArtistBar);

roles={roles}
        allPermissions={buildAllPermissions()}
        databases={databases}
        roleSlug={roleSlug}
        clusterID={clusterID}
        onRemoveClusterAccount={this.handleRemoveClusterAccount}
        onDeleteRole={this.handleDeleteRole}
        onAddPermission={this.handleAddPermission}
        onRemovePermission={this.handleRemovePermission}
        onAddClusterAccount={this.handleAddClusterAccount}
      />
    );
  },
});

export default withRouter(RolePageContainer);

centered={false}
                    trigger={}
                />
                }
                />
                
            
        ) : null;
    }
}

const AddSequenceJob = withRouter( ({history, onCreateSequenceJob, sequenceId, trigger, hasFilterWheel}) => (
     {
        onCreateSequenceJob(...args);
        history.push('/sequences/' + sequenceId + '/items/pending')
    }} />
))


export const Sequence = ({ sequence, canEdit }) => sequence ? (
    
        <header size="medium">{sequence.name}</header>

<div>this.openProfile(this.props.chat.author)}&gt;
                    
                  </div>
                )}
              
            }
            title={<b>{this.props.chat.message}</b>}
            subheader={format(parse(this.props.chat.createdAt), 'MM/DD/YYYY hh:mma')}
          /&gt;
        
      
    )
  }
}

export default withRouter(Chat)

)}
                    
                  
                
              
            
          )
        }}
      />
    )
  }
}

export default withRouter(SignInPage)