How to set the AppMenuItem as active matching a dynamic route?

[valentinogiardino]

Hello,

I am currently working with Next.js and implementing dynamic routes, specifically exploring the use of optional catch-all segments, as documented here.

My question pertains to matching an AppMenuItem with a route structured like pages/shop/[[...slug]].js. I'm seeking guidance on how to dynamically set the AppMenuItem as active based on the current route.

Thank you for your assistance!

[thesohailjafri]

@valentinogiardino Hii

you would alter your logic here on line 19 of AppMenuItem
const isActiveRoute = item!.to && pathname === item!.to

this currently match exact pathname but if you want to check lets say startWith or any custom logic, you would alter this line