fix links

anshgoyalevil · Mar 8, 2024 · f839353 · f839353
1 parent 47c864e
commit f839353
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/navigation/BlogPostItem.tsx b/components/navigation/BlogPostItem.tsx
@@ -50,7 +50,7 @@ export default forwardRef(function BlogPostItem({ post, className = '', id = ''
   return (
     <li className={`rounded-lg ${className}`} ref={ref} id={id}>
       <article className='h-full rounded-lg'>
-        <Link href={post.slug} passHref>
+        <Link legacyBehavior href={post.slug} passHref>
           <a
             className={
               'flex h-full cursor-pointer flex-col divide-y divide-gray-200 overflow-hidden rounded-lg border border-gray-200 shadow-md transition-all duration-300 ease-in-out hover:shadow-lg'
@@ -73,7 +73,7 @@ export default forwardRef(function BlogPostItem({ post, className = '', id = ''
                     {post.type}
                   </span>
                 </Paragraph>
-                <Link href={post.slug}>
+                <Link legacyBehavior href={post.slug}>
                   <a className='block'>
                     <Heading level={HeadingLevel.h5} typeStyle={HeadingTypeStyle.smSemibold} className='mt-2'>
                       {post.title}

diff --git a/components/newsroom/FeaturedBlogPost.tsx b/components/newsroom/FeaturedBlogPost.tsx
@@ -43,7 +43,7 @@ export default function FeaturedBlogPost({ post, className = '' }: FeaturedBlogP
   return (
     <div className={`rounded-lg ${className}`}>
       <article className='h-full rounded-lg'>
-        <Link href={post.slug} passHref>
+        <Link legacyBehavior href={post.slug} passHref>
           <a
             className={'flex h-full cursor-pointer flex-col divide-y divide-gray-200 overflow-hidden rounded-lg border border-gray-200 shadow-md transition-all duration-300 ease-in-out hover:shadow-lg md:max-w-164 md:flex-row'}
             data-testid='FeaturedBlogPostItem-Link'
@@ -64,7 +64,7 @@ export default function FeaturedBlogPost({ post, className = '' }: FeaturedBlogP
                     {post.type}
                   </span>
                 </Paragraph>
-                <Link href={post.slug}>
+                <Link legacyBehavior href={post.slug}>
                   <a className='block' data-testid='FeaturedBlog-title'>
                     <Heading level={HeadingLevel.h3} typeStyle={HeadingTypeStyle.smSemibold} className='mt-2'>
                       {post.title}