diff --git a/packages/nextjs/components/Card.tsx b/packages/nextjs/components/Card.tsx
index 241dac1..e8236b4 100644
--- a/packages/nextjs/components/Card.tsx
+++ b/packages/nextjs/components/Card.tsx
@@ -29,7 +29,7 @@ export const Card = ({
     <BaseCard
       title={title}
       subTitle={subTitle}
-      to={to.toString()}
+      to={to}
       price={price}
       className={className}
       imageContainerClass={containerClassName}
diff --git a/packages/shared-ui/components/Card/Card.tsx b/packages/shared-ui/components/Card/Card.tsx
index ef1c3d8..b071019 100644
--- a/packages/shared-ui/components/Card/Card.tsx
+++ b/packages/shared-ui/components/Card/Card.tsx
@@ -1,6 +1,7 @@
 import classNames from "classnames";
 
 import { currencyFormatter } from "../../utils/currencyFormatter";
+import { UrlObject } from "url";
 
 export interface CardProps {
   title: string;
@@ -8,7 +9,7 @@ export interface CardProps {
   Link?: React.ElementType;
   Image?: React.ElementType;
   subTitle?: string;
-  to: string;
+  to: string | UrlObject;
   className?: string;
   imageContainerClass?: string;
 }