documentation/src/hooks/use-location-change.js at main · npm/documentation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import React from 'react'
import usePage from './use-page'

const useLocationChange = () => {
  const {pathname} = usePage().location
  const pathRef = React.useRef(null)
  const [pathChange, setPathChange] = React.useState({change: false})

  React.useEffect(() => {
    if (pathRef.current && pathRef.current !== pathname) {
      setPathChange({change: true, current: pathname, previous: pathRef.current})
    }
    pathRef.current = pathname
  }, [pathname])

  return pathChange
}

export default useLocationChange