#Next.jsのApp RouterでURLのpathnameを取得する

Next.js 13で導入されたApp RouterでURLのpathnameを取得するには、下記のようにusePathname()を使います。 'use client'を指定する必要があることに注意してください。

'use client'

import { usePathname } from 'next/navigation'

export function Foo() {
  const pathname = usePathname()
  return pathname
}