17 lines
658 B
TypeScript
17 lines
658 B
TypeScript
"use client"
|
|
import { usePathname } from "next/navigation"
|
|
import { useEffect, useState } from "react"
|
|
|
|
/*** This hook is used to get the current pathname (as reflected in window.location.href) of the page. During ssr, the value from usePathname()
|
|
* is the value return from NextResponse.rewrite() (e.g. the path from the app directory) instead of the actual pathname from the URL.
|
|
*/
|
|
export function useLazyPathname() {
|
|
const pathName = usePathname()
|
|
const [updatedPathName, setUpdatedPathName] = useState<string | null>(null)
|
|
|
|
useEffect(() => {
|
|
setUpdatedPathName(pathName)
|
|
}, [pathName])
|
|
return updatedPathName ? updatedPathName : null
|
|
}
|