useLocation hook

The useLocation method is a hook that returns the current location object. This hook is useful for when you want to perform some side effect whenever the current location changes.

The useLocation hook accepts an optional options object.

• Type: (state: ParsedLocationType) => TSelected
• Optional
• If supplied, this function will be called with the location object and the return value will be returned from useLocation.

• The current location object or TSelected if a select function is provided.

import { useLocation } from '@tanstack/react-router'

function Component() {
  const location = useLocation()
  //    ^ ParsedLocation

  // OR

  const pathname = useLocation({
    select: (location) => location.pathname,
  })
  //    ^ string

  // ...
}