Rearct AriaのLinkとNext.jsのLinkを組み合わせつつ、clickイベントでGAにイベント飛ばしつつ、CCの範囲を最小限にしたい

React Aria ComponentsのLinkとNext.jsのLink next/linkを組み合わせつつ、clickイベントでGAにイベント飛ばしつつ、Client componentsの範囲を最小限にしたい

また、React Aria ComponentsのLinkをラップしてスタイリングしている、ApplicationのHogeLinkも挟みたい。

整理

HogeLink

React Aria ComponentsのLinkやButtonをラップ

clickイベントでGAにイベント飛ばす。

useClickGA()みたいなhooksで飛ばす。

hooks使うので、該当箇所はuse clientが必要。

なので、hooks利用箇所はラップする必要がある。

React Aria ComponentsのLinkやButtonは、usePressを利用する必要がある。