scroll on nav

Entry.ts

import ScrollOnNav from 'components/ScrollOnNav'

...

const render = () => {
    ReactDOM.render(
        (
            <BrowserRouter>
                <ScrollOnNav>
                    <App />
                </ScrollOnNav>
            </BrowserRouter>
        ),
        container,
    )
}

...

ScrollOnNav.ts

import * as React from 'react'

interface Context {
    history: any
}

class ScrollOnNav extends React.Component<{}, any> {
    static contextTypes = {
        history: React.PropTypes.object,
    }

    lastLocation = ''

    componentWillReceiveProps(_: {}, nextContext: Context) {
        if (this.pathChanged(this.lastLocation, nextContext)) {
            this.lastLocation = nextContext.history.location.pathname
            window.scrollTo(0, 0)
        }
    }

    pathChanged(lastLocation: string, nextContext: Context) {
        return lastLocation !== nextContext.history.location.pathname
    }

    render() {
        return React.Children.only(this.props.children)
    }
}

export default ScrollOnNav