Change browserHistory.push('/login') form v2 to alternative in React Router V4

In this ReactMeteor tutorial author uses react-router v2-3, I want to do it using new React- router v4. So I try to change this code, that used react-router v2 to v4 but got stuck at browserHistory.push('/login') :
This component is taken from tutorial:

import React from 'react';
import { IndexLink, Link, browserHistory } from 'react-router';

export class Navigation extends React.Component {
    logout(e) {
        Meteor.logout(function() {

    render() {
        return (
            <nav className="navbar navbar-default">
              <div className="container-fluid">
                <div className="navbar-header">
                  <button type="button" 
                        className="navbar-toggle collapsed" 
                    <span className="sr-only">Toggle navigation</span>
                    <span className="icon-bar"></span>
                    <span className="icon-bar"></span>
                    <span className="icon-bar"></span>
                  <a className="navbar-brand" href="#">Beer Buddies</a>

                <div className="collapse navbar-collapse" id="main-nav">
                  <ul className="nav navbar-nav">
                    <li><IndexLink to="/" activeClassName="active">Dashboard</IndexLink></li>
                    <li><a href="#" onClick={this.logout}>Logout</a></li>

so I change it this way :


I replaced with :


But meteor returns me an error in console.log:

P.S. BTW context is underfined, if I console.log it in logout method

In our demo for SSR, we have a working example of this that should lead you on the right track: