@reach/router: how to get the current route / page?

Question

How does one get the current route for reach router. In react router one would get that through the params?

The docs don't currently show an example how to do this.

Answer 1

Alternatively, use the useLocation hook (since 1.3.0):

import { useLocation } from "@reach/router"

const useAnalytics = () => {
    const location = useLocation()

    useEffect(() => {
        ga.send(['pageview', location.pathname])
    }, [])
}

Ref: https://reach.tech/router/api/useLocation

Answer 2

Use the this.props.location as it's passed down to the component:

https://reach.tech/router/api/Router