App Router

acme.com
/clothing/shorts/
Client Component Hooks
{
  "useSelectedLayoutSegment": "clothing",
  "useSelectedLayoutSegments": [
    "clothing",
    "shorts"
  ]
}
children
Client Component Hooks
{
  "useSelectedLayoutSegment": "shorts",
  "useSelectedLayoutSegments": [
    "shorts"
  ]
}
children

Shorts

Client Component Hooks
{
  "usePathname": "/hooks/clothing/shorts",
  "useParams": {
    "categorySlug": "clothing",
    "subCategorySlug": "shorts"
  },
  "useSearchParams": {},
  "useSelectedLayoutSegment": null,
  "useSelectedLayoutSegments": []
}