diff --git a/src/frontend/src/pages/StorePage/index.tsx b/src/frontend/src/pages/StorePage/index.tsx
index e0b9c41c1..0c0b425dd 100644
--- a/src/frontend/src/pages/StorePage/index.tsx
+++ b/src/frontend/src/pages/StorePage/index.tsx
@@ -83,14 +83,15 @@ export default function StorePage(): JSX.Element {
   const loadingWithApiKey = loading;
   const renderComponents = !loading;
 
-  function handleFork(flowId: string) {
+  function handleFork(flowId: string, is_component: boolean) {
     getComponent(flowId).then(
       (res) => {
         console.log(res);
-        const newFLow = cloneFLowWithParent(res);
+        const newFLow = cloneFLowWithParent(res.data, is_component);
+        console.log(newFLow);
         saveFlowStore(newFLow).then(
           (res) => {
-            console.log(res);
+            console.log(JSON.parse(JSON.stringify(res)));
             addFlow(true, newFLow);
           },
           (error) => {
@@ -222,12 +223,17 @@ export default function StorePage(): JSX.Element {
                     filteredCategories.has(f.is_component)
                 )
                 .map((item, idx) => (
-                  <MarketCardComponent key={idx} data={item} onAdd={() => {}} />
+                  <MarketCardComponent
+                    key={idx}
+                    data={item}
+                    onAdd={() => {
+                      handleFork(item.id, item.is_component);
+                    }}
+                  />
                 ))}
               <button
                 onClick={() => {
-                  console.log(data);
-                  handleFork(data[0].id);
+                  handleFork(data[0].id, data[0].is_component);
                 }}
               >
                 test
diff --git a/src/frontend/src/utils/storeUtils.ts b/src/frontend/src/utils/storeUtils.ts
index eef2e15c3..8d074b181 100644
--- a/src/frontend/src/utils/storeUtils.ts
+++ b/src/frontend/src/utils/storeUtils.ts
@@ -1,10 +1,11 @@
 import { cloneDeep } from "lodash";
 import { FlowType } from "../types/flow";
 
-export default function cloneFLowWithParent(flow: FlowType) {
+export default function cloneFLowWithParent(flow: FlowType, is_component) {
   const parent = flow.id;
   let childFLow = cloneDeep(flow);
   childFLow.parent = parent;
   childFLow.id = "";
+  childFLow.is_component = is_component;
   return childFLow;
 }