fix(apps): use legacyBehavior for next-links used by RCHC-lib

nikomakela · nikomakela · commit 9eccd77891d6 · 2025-08-27T17:04:15.000+03:00
TH-1427. Use a `legacyBehavior` for next/link used by RCHC-lib to get rid of double a-elements (a-element inside another), which broke the event info link styles by adding text decorations etc. It is also against the HTML-standard. See more about `legacyBehavior` from https://nextjs.org/docs/14/pages/api-reference/components/link#legacybehavior. The `legacyBehavior` for next/link is needed while the `<a>` is still injected in the Link component in react-helsinki-headless-cms -library. See https://github.com/City-of-Helsinki/react-helsinki-headless-cms/blob/ 130fafdabf8007143ae32f4866d8062c3e5afbcd/src/core/link/LinkBase.tsx#L229-L258.
diff --git a/apps/events-helsinki/src/hooks/useEventsRHHCConfig.tsx b/apps/events-helsinki/src/hooks/useEventsRHHCConfig.tsx
@@ -71,7 +71,7 @@ export default function useEventsRHHCConfig(args: {
         Head: (props: any) => <Head {...props} />,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         Link: ({ href, ...props }: any) => (
-          <Link href={href || ''} {...props} />
+          <Link legacyBehavior href={href || ''} {...props} />
         ),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         EventCardContent: (props: any) => (
diff --git a/apps/hobbies-helsinki/src/hooks/useHobbiesRHHCConfig.tsx b/apps/hobbies-helsinki/src/hooks/useHobbiesRHHCConfig.tsx
@@ -69,7 +69,7 @@ export default function useHobbiesRHHCConfig(args: {
         Head: (props: any) => <Head {...props} />,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         Link: ({ href, ...props }: any) => (
-          <Link href={href || ''} {...props} />
+          <Link legacyBehavior href={href || ''} {...props} />
         ),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         EventCardContent: (props: any) => (
diff --git a/apps/sports-helsinki/src/hooks/useSportsRHHCConfig.tsx b/apps/sports-helsinki/src/hooks/useSportsRHHCConfig.tsx
@@ -69,7 +69,7 @@ export default function useSportsRHHCConfig(args: {
         Head: (props: any) => <Head {...props} />,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         Link: ({ href, ...props }: any) => (
-          <Link href={href || ''} {...props} />
+          <Link legacyBehavior href={href || ''} {...props} />
         ),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         EventCardContent: (props: any) => (
