useLocation

[MODES: framework, data, declarative]

Summary

Reference Documentation ↗

Returns the current Location. This can be useful if you'd like to perform some side effect whenever it changes.

tsx

import * as React from 'react'
import { useLocation } from 'react-router'

function SomeComponent() {
  let location = useLocation()

  React.useEffect(() => {
    // Google Analytics
    ga('send', 'pageview')
  }, [location]);

  return (
    // ...
  );
}

Signature

tsx

function useLocation(): Location

Returns

The current Location object