diff --git a/components/TempDesignSystem/Link/index.tsx b/components/TempDesignSystem/Link/index.tsx
index 002fda960..8ef6452da 100644
--- a/components/TempDesignSystem/Link/index.tsx
+++ b/components/TempDesignSystem/Link/index.tsx
@@ -23,6 +23,7 @@ export default function Link({
   prefetch,
   variant,
   trackingId,
+  onClick,
   ...props
 }: LinkProps) {
   const currentPageSlug = usePathname()
@@ -53,26 +54,21 @@ export default function Link({
     }
   }, [trackingId])
 
-  useEffect(() => {
-    if (trackingId) {
-      const linkComponent = document.getElementById(trackingId)
-
-      linkComponent?.addEventListener("click", trackClickById)
-      return () => {
-        linkComponent?.removeEventListener("click", trackClickById)
-      }
-    }
-  }, [trackClickById, trackingId])
-
   return (
     <NextLink
       scroll={scroll}
       prefetch={prefetch}
       className={classNames}
-      onClick={() => {
+      onClick={(e) => {
         trackPageViewStart()
         startTransition(() => {
           startRouterTransition()
+          if (trackingId) {
+            trackClickById()
+          }
+          if (onClick) {
+            onClick(e)
+          }
           router.push(href)
         })
       }}