Way to query app router / slug from a parent component outside of my route?

[jagged ridge]

Currently I have a Next.js 13 application set up using the app router structure.

I have a <Header> component that wraps my whole application in layout.tsx and handles things like authentication state. However because of my structure I need a way to know that I'm on a given subroute so that I can give access permissions.

Let me give a more concrete example:

I'm at localhost:3000, currently there is no need to know what route / slug I'm at, but I still might be logged into the application

I'm at localhost:3000/username

I now need to know what username is to do some logic (ie verify the username and logged in user are the same and give them access to certain views on that subroute that they should not be able to see on localhost:3000/username2).

My assumption was that I could just hook into the slug from Header, but with app it seems like I need to prop drill my params all the way down to get this information. Is there a better way to do this?

[mortal coral]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

      🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in <id:customize>

      ✅ You can mark a message as the answer for your post with `Right click -> Apps -> Mark Solution`
      (if you don't see the option, try refreshing Discord with Ctrl + R)