From a02ddc2e1dd31de6d0e2c0a6455fc99626ea529b Mon Sep 17 00:00:00 2001
From: Raja Majumdar <raja.majumdar.01@gmail.com>
Date: Mon, 27 Jan 2025 10:14:31 +0530
Subject: [PATCH] fix: toc links in the blogs (#3562)

Co-authored-by: Ansh Goyal <anshgoyal1704@gmail.com>
---
 components/TOC.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/TOC.tsx b/components/TOC.tsx
index f51acadc0fef..8b655b07d784 100644
--- a/components/TOC.tsx
+++ b/components/TOC.tsx
@@ -75,7 +75,7 @@ export default function TOC({ className, cssBreakingPoint = 'xl', toc, contentSe
       </div>
       <div className={`${!open && 'hidden'} ${cssBreakingPoint === 'xl' ? 'xl:block' : 'lg:block'}`}>
         <Scrollspy
-          items={tocItems.map((item) => item.slug)}
+          items={tocItems.map((item) => (item.slug ? item.slug : item.slugWithATag))}
           currentClassName='text-primary-500 font-bold'
           componentTag='div'
           rootEl={contentSelector}
@@ -85,7 +85,7 @@ export default function TOC({ className, cssBreakingPoint = 'xl', toc, contentSe
             <a
               className={`pl-${2 ** (item.lvl - 1)} font-normal mb-1 block font-sans text-sm 
                   text-gray-900 antialiased transition duration-100 ease-in-out hover:underline`}
-              href={`#${item.slug}`}
+              href={`#${item.slug ? item.slug : item.slugWithATag}`}
               key={index}
               data-testid='TOC-Link'
             >