diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index dce5dc57..1868b0d3 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -20,7 +20,10 @@ import NoData from 'components/NoData.vue';
 import { dialog } from 'src/stores/utils';
 
 import useProductServiceStore from 'src/stores/product-service';
-import { Product, ProductCreate } from 'src/stores/product-service/types';
+import {
+  ProductGroup,
+  ProductGroupCreate,
+} from 'src/stores/product-service/types';
 
 const productServiceStore = useProductServiceStore();
 
@@ -72,12 +75,12 @@ const groupName = ref<string>('งาน MOU');
 const dialogProductServiceType = ref<boolean>(false);
 const dialogTotalProduct = ref<boolean>(false);
 const productMode = ref<'group' | 'type' | 'service' | 'product'>('group');
-const productGroup = ref<Product[]>();
-const productType = ref<Product[]>();
+const productGroup = ref<ProductGroup[]>();
+const productType = ref<ProductGroup[]>();
 const productAndServiceTab = ref<string>('all');
 const previousValue = ref();
 
-const formData = ref<ProductCreate>({
+const formData = ref<ProductGroupCreate>({
   remark: '',
   detail: '',
   name: '',
@@ -86,8 +89,8 @@ const formData = ref<ProductCreate>({
 
 const currentId = ref<string>('');
 const currentIdType = ref<string>('');
-const resultSearchGroup = ref<Product[]>();
-const resultSearchType = ref<(Product & { productGroupId: string })[]>();
+const resultSearchGroup = ref<ProductGroup[]>();
+const resultSearchType = ref<(ProductGroup & { productGroupId: string })[]>();
 
 const currentStatus = ref<Status | 'All'>('All');
 
@@ -215,7 +218,7 @@ function undoProductGroup() {
   isEdit.value = false;
 }
 
-function assignFormData(data: Product) {
+function assignFormData(data: ProductGroup) {
   previousValue.value = data;
 
   formData.value = {