diff --git a/packages/components/button/src/button.ts b/packages/components/button/src/button.ts
index 141e0e01..e041cc44 100644
--- a/packages/components/button/src/button.ts
+++ b/packages/components/button/src/button.ts
@@ -1,4 +1,5 @@
 import { buildProps } from '@puik/utils'
+import type { RouteLocationRaw } from 'vue-router'
 import type { ExtractPropTypes, PropType } from 'vue'
 import type Button from './button.vue'
 
@@ -51,7 +52,7 @@ export const buttonProps = buildProps({
     default: '',
   },
   to: {
-    type: String,
+    type: [Object, String] as PropType<RouteLocationRaw>,
     required: false,
     default: undefined,
   },
diff --git a/packages/components/sidebar/src/sidebar-item.ts b/packages/components/sidebar/src/sidebar-item.ts
index efd4a33b..b4b6a3df 100644
--- a/packages/components/sidebar/src/sidebar-item.ts
+++ b/packages/components/sidebar/src/sidebar-item.ts
@@ -1,5 +1,6 @@
 import { buildProps } from '@puik/utils'
-import type { ExtractPropTypes } from 'vue'
+import type { RouteLocationRaw } from 'vue-router'
+import type { ExtractPropTypes, PropType } from 'vue'
 import type SidebarItem from './sidebar-item.vue'
 
 export const sidebarItemProps = buildProps({
@@ -13,7 +14,7 @@ export const sidebarItemProps = buildProps({
     default: undefined,
   },
   to: {
-    type: String,
+    type: [Object, String] as PropType<RouteLocationRaw>,
     required: false,
     default: undefined,
   },