diff --git a/packages/ui/src/ui-component/table/MarketplaceTable.js b/packages/ui/src/ui-component/table/MarketplaceTable.js
index ebbc85372..3b66409bf 100644
--- a/packages/ui/src/ui-component/table/MarketplaceTable.js
+++ b/packages/ui/src/ui-component/table/MarketplaceTable.js
@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types'
-import { useNavigate } from 'react-router-dom'
 import { styled } from '@mui/material/styles'
 import Table from '@mui/material/Table'
 import TableBody from '@mui/material/TableBody'
@@ -31,8 +30,7 @@ const StyledTableRow = styled(TableRow)(({ theme }) => ({
     }
 }))
 
-export const MarketplaceTable = ({ data, filterFunction, filterByBadge, filterByType, filterByFramework }) => {
-    const navigate = useNavigate()
+export const MarketplaceTable = ({ data, filterFunction, filterByBadge, filterByType, filterByFramework, goToCanvas, goToTool }) => {
     const openTemplate = (selectedTemplate) => {
         if (selectedTemplate.flowData) {
             goToCanvas(selectedTemplate)
@@ -41,20 +39,6 @@ export const MarketplaceTable = ({ data, filterFunction, filterByBadge, filterBy
         }
     }
 
-    const goToTool = (selectedTool) => {
-        const dialogProp = {
-            title: selectedTool.templateName,
-            type: 'TEMPLATE',
-            data: selectedTool
-        }
-        setToolDialogProps(dialogProp)
-        setShowToolDialog(true)
-    }
-
-    const goToCanvas = (selectedChatflow) => {
-        navigate(`/marketplace/${selectedChatflow.id}`, { state: selectedChatflow })
-    }
-
     return (
         <>
             <TableContainer style={{ marginTop: '30', border: 1 }} component={Paper}>
@@ -156,5 +140,7 @@ MarketplaceTable.propTypes = {
     filterFunction: PropTypes.func,
     filterByBadge: PropTypes.func,
     filterByType: PropTypes.func,
-    filterByFramework: PropTypes.func
+    filterByFramework: PropTypes.func,
+    goToTool: PropTypes.func,
+    goToCanvas: PropTypes.func
 }
diff --git a/packages/ui/src/views/marketplaces/index.js b/packages/ui/src/views/marketplaces/index.js
index 68258a471..e5a65cb9c 100644
--- a/packages/ui/src/views/marketplaces/index.js
+++ b/packages/ui/src/views/marketplaces/index.js
@@ -423,6 +423,8 @@ const Marketplace = () => {
                         filterByType={filterByType}
                         filterByBadge={filterByBadge}
                         filterByFramework={filterByFramework}
+                        goToTool={goToTool}
+                        goToCanvas={goToCanvas}
                     />
                 )}