From b9f7e12c38987fc814e8642780ed9640e1491f89 Mon Sep 17 00:00:00 2001
From: Erik Michelson <github@erik.michelson.eu>
Date: Fri, 24 Mar 2023 15:36:29 +0100
Subject: [PATCH] fix(landing-layout): links in the user-dropdown not working

We use a custom component for rendering the link (Dropdown.Item), therefore we need to set both passHref and legacyBehavior

See: https://nextjs.org/docs/api-reference/next/link#if-the-child-is-a-custom-component-that-wraps-an-a-tag
Signed-off-by: Erik Michelson <github@erik.michelson.eu>
---
 .../components/landing-layout/navigation/user-dropdown.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/landing-layout/navigation/user-dropdown.tsx b/frontend/src/components/landing-layout/navigation/user-dropdown.tsx
index f50f182b5..88ba8989a 100644
--- a/frontend/src/components/landing-layout/navigation/user-dropdown.tsx
+++ b/frontend/src/components/landing-layout/navigation/user-dropdown.tsx
@@ -33,13 +33,13 @@ export const UserDropdown: React.FC = () => {
       </Dropdown.Toggle>
 
       <Dropdown.Menu className='text-start'>
-        <Link href={'/n/features'} passHref={true}>
+        <Link href={'/n/features'} passHref={true} legacyBehavior={true}>
           <Dropdown.Item dir='auto' {...cypressId('user-dropdown-features-button')}>
             <UiIcon icon={IconLightning} className='mx-2' />
             <Trans i18nKey='editor.help.documents.features' />
           </Dropdown.Item>
         </Link>
-        <Link href={'/profile'} passHref={true}>
+        <Link href={'/profile'} passHref={true} legacyBehavior={true}>
           <Dropdown.Item dir='auto' {...cypressId('user-dropdown-profile-button')}>
             <UiIcon icon={IconPerson} className='mx-2' />
             <Trans i18nKey='profile.userProfile' />