How to have active Anchor for "sibling" URL?

<A href="/abc/def/1" activeClass="activeLink">[1]</A>

<A href="/abc/def/1" activeClass="activeLink">[1]</A>

when url is

/abc/def/1

/abc/def/1

, the anchor has active link class, but not on

/abc/def/<N>

/abc/def/<N>

how can this be achieved?

Using FileRoutes:

/abc/[def]/[N].tsx

/abc/[def]/[N].tsx

How to have active Anchor for "sibling" URL? - SolidJS