Wrapped @blueprintjs Button to work with React-Router

LinkButton.js

import React, {Component} from 'react';
import { Button } from '@blueprintjs/core';
import withRouter from 'react-router/lib/withRouter';

let typeOf = (o) => toString.call(o).slice(8, -1).toLowerCase();

function createLocationDescriptor({to, query, hash, state}) {
  if (typeOf(to) === 'string') {
    return {pathname: to, query, hash, state};
  }
  return {query, hash, state, ...to};
}

function resolveToLocation(to, router) {
  return typeof to === 'function' ? to(router.location) : to;
}

class ActiveButton extends Component {

    render() {
        let {
            to, query, hash, state, onlyActiveOnIndex,
            router,
            ...allProps,
        } = this.props;

        let location = createLocationDescriptor({to, query, hash, state});

        let active = false;
        if (router) {
            active = router.isActive(location, onlyActiveOnIndex);
        }

        let handleClick =(event) => {
            event.preventDefault();

            router.push(resolveToLocation(this.props.to, router));
        };

        return (
            <Button {...allProps} disabled={active} onClick={handleClick}/>
        );
    }
}


const LinkButton = withRouter(ActiveButton);
export default LinkButton;