fix: pass onclick prop to next link

This commit is contained in:
Christel Westerberg
2024-08-23 08:50:34 +02:00
parent b5d7931bc6
commit 12d2f82ba3

View File

@@ -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)
})
}}