React-Router и другие скрипты (jquery plugins)

Работаю над проектом. Понадобилось растянуть навороченный Bootstrap 3 шаблон на React приложение. В шаблоне очень много всяких jQuery плагинов, они все работают - но только до перехода куда-нибудь по React-Router (v. 4)

Подключал плагины прямо в index.html и в React Component'ы добавлял - один и тот же результат.

Перепробовал все что нашел в инете.

Например:

import React from 'react';
import $ from 'jquery';
import { smoothlyMenu } from '../layouts/Helpers';
class TopHeader extends React.Component {
    toggleNavigation(e) {
        e.preventDefault();
        $("body").toggleClass("mini-navbar");
        smoothlyMenu();
    }
    render() {
        return (
            <div className="row border-bottom">
                <nav className="navbar" style={{marginBottom: 0}}>
                    <div className="navbar-header">
                        <a onClick={this.toggleNavigation} className='nav-open' href="#">
                            <i className="fa fa-bars"></i> 
                        </a>
                    </div>
                    <ul className="nav navbar-top-links navbar-right">
                        <li>
                            <a href="#">
                                <i className="fa fa-sign-out"></i> Log out
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        )
    }
}

Как видно при нажатии должен добавляться класс в body, этого не происходит, даже если срабатывает сама функция toggleNavigation.

Пробовал

()=>toggleNavigation(), 
()=>toggleNavigation.bind(this), 
toggleNavigation()

не знаю зачем. Ничего не изменилось.

В index.html есть что-то типа

$('.nav-open').toggleClass('mini-navbar');

тоже не работает после работы Router'а