diff --git a/src/client/dd-hub-react/src/api/product-service.ts b/src/client/dd-hub-react/src/api/product-service.ts
index 0f68455..63e6cb7 100644
--- a/src/client/dd-hub-react/src/api/product-service.ts
+++ b/src/client/dd-hub-react/src/api/product-service.ts
@@ -1,4 +1,12 @@
-import { ProductItemProps } from "src/sections/product/product-item";
+export type ProductItemProps = {
+  id: string;
+  name: string;
+  price: number;
+  status: string;
+  coverUrl: string;
+  colors: string[];
+  priceSale: number | null;
+};
 
 /**
  * send a request to the server to get the products
diff --git a/src/client/dd-hub-react/src/sections/product/product-item.tsx b/src/client/dd-hub-react/src/sections/product/product-item.tsx
index bb4c4db..cfbe0df 100644
--- a/src/client/dd-hub-react/src/sections/product/product-item.tsx
+++ b/src/client/dd-hub-react/src/sections/product/product-item.tsx
@@ -8,21 +8,13 @@ import Typography from '@mui/material/Typography';
 
 import { fCurrency } from 'src/utils/format-number';
 
+import { ProductItemProps } from 'src/api/product-service';
+
 import { Label } from 'src/components/label';
 import { ColorPreview } from 'src/components/color-utils';
 
 // ----------------------------------------------------------------------
 
-export type ProductItemProps = {
-  id: string;
-  name: string;
-  price: number;
-  status: string;
-  coverUrl: string;
-  colors: string[];
-  priceSale: number | null;
-};
-
 export function ProductItem({ product }: { product: ProductItemProps }) {
   const renderStatus = (
     <Label
diff --git a/src/client/dd-hub-react/src/sections/product/view/products-view.tsx b/src/client/dd-hub-react/src/sections/product/view/products-view.tsx
index 502de72..4cccc41 100644
--- a/src/client/dd-hub-react/src/sections/product/view/products-view.tsx
+++ b/src/client/dd-hub-react/src/sections/product/view/products-view.tsx
@@ -6,13 +6,13 @@ import Pagination from '@mui/material/Pagination';
 import Typography from '@mui/material/Typography';
 
 import { _products } from 'src/_mock';
-import { getProducts } from 'src/api/product-service';
 import { DashboardContent } from 'src/layouts/dashboard';
+import { getProducts, ProductItemProps } from 'src/api/product-service';
 
 import { ProductSort } from '../product-sort';
+import { ProductItem } from '../product-item';
 import { CartIcon } from '../product-cart-widget';
 import { ProductFilters } from '../product-filters';
-import { ProductItem, ProductItemProps } from '../product-item';
 
 import type { FiltersProps } from '../product-filters';