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!