1 import React from 'react'
2 import usePage from './use-page'
3
4 const useLocationChange = () => {
5 const {pathname} = usePage().location
6 const pathRef = React.useRef(null)
7 const [pathChange, setPathChange] = React.useState({change: false})
8
9 React.useEffect(() => {
10 if (pathRef.current && pathRef.current !== pathname) {
11 setPathChange({change: true, current: pathname, previous: pathRef.current})
12 }
13 pathRef.current = pathname
14 }, [pathname])
15
16 return pathChange
17 }
18
19 export default useLocationChange