diff --git a/components/lib/breadcrumb/BaseBreadcrumb.vue b/components/lib/breadcrumb/BaseBreadcrumb.vue
index eef30d73a..87cf9f38b 100644
--- a/components/lib/breadcrumb/BaseBreadcrumb.vue
+++ b/components/lib/breadcrumb/BaseBreadcrumb.vue
@@ -42,11 +42,11 @@ const classes = {
     home: 'p-breadcrumb-home',
     separator: 'p-menuitem-separator',
     menuitem: ({ context }) => ['p-menuitem', { 'p-disabled': context.disabled() }],
-    action: ({ context, routerProps }) => [
+    action: ({ context, isActive, isExactActive }) => [
         'p-menuitem-link',
         {
-            'router-link-active': routerProps && routerProps.isActive,
-            'router-link-active-exact': context.exact && routerProps && routerProps.isExactActive
+            'router-link-active': isActive,
+            'router-link-active-exact': context.exact && isExactActive
         }
     ],
     icon: 'p-menuitem-icon',
diff --git a/components/lib/menu/BaseMenu.vue b/components/lib/menu/BaseMenu.vue
index 894950dbf..9bcc3d4f9 100644
--- a/components/lib/menu/BaseMenu.vue
+++ b/components/lib/menu/BaseMenu.vue
@@ -45,11 +45,11 @@ const classes = {
         }
     ],
     content: 'p-menuitem-content',
-    action: ({ context, routerProps }) => [
+    action: ({ context, isActive, isExactActive }) => [
         'p-menuitem-link',
         {
-            'router-link-active': routerProps && routerProps.isActive,
-            'router-link-active-exact': context.exact && routerProps && routerProps.isExactActive
+            'router-link-active': isActive,
+            'router-link-active-exact': context.exact && isExactActive
         }
     ],
     icon: 'p-menuitem-icon',