Hi! I'm using Dynamic Segments with the App router. I have it defined like "/im/[param]".
I display in that page a Navbar that contains a search Input (client component) that should have that param as its default value. The component hierarchy looks like this:
Page (server component, where the param can be accessed) --> Navbar (client component) --> Input (client component).
I tried with the usePathname hook and splitted the path so it returns me the last part (param), but it feels like a bad practice. I also thought about passing the param as a prop to Navbar and then to Input but it also feels like a bad practice, having in mind that I also use that Input in other parts of my app.

How should I approach that?