Add Sentry error tracking to CopyForLLMButton component

Co-authored-by: rahul.chhabria <[email protected]>

Author: cursoragent

src/components/copyForLLMButton.tsx

@@ -1,7 +1,8 @@
 'use client';
 
 import {useState} from 'react';
-import {Clipboard, Check} from 'react-feather';
+import {Check,Clipboard} from 'react-feather';
+import * as Sentry from '@sentry/nextjs';
 
 interface Props {
   /** Absolute path to the markdown version of this page (e.g. `/docs/page.md`) */
@@ -24,7 +25,7 @@ export function CopyForLLMButton({markdownPath}: Props) {
       }
     } catch (err) {
       // network error handled below in fallback
-      console.error(err);
+      Sentry.captureException(err);
     }
 
     // Fallback: copy the markdown URL if first attempt failed
@@ -33,7 +34,7 @@ export function CopyForLLMButton({markdownPath}: Props) {
         await navigator.clipboard.writeText(window.location.origin + markdownPath);
         didCopy = true;
       } catch (err) {
-        console.error('Failed to copy markdown URL as fallback', err);
+        Sentry.captureException(err);
       }
     }
 

src/components/docPage/index.tsx

@@ -14,6 +14,7 @@ import './type.scss';
 import {Banner} from '../banner';
 import {Breadcrumbs} from '../breadcrumbs';
 import {CodeContextProvider} from '../codeContext';
+import {CopyForLLMButton} from '../copyForLLMButton';
 import {DocFeedback} from '../docFeedback';
 import {GitHubCTA} from '../githubCTA';
 import {Header} from '../header';
@@ -23,7 +24,6 @@ import {PlatformSdkDetail} from '../platformSdkDetail';
 import {Sidebar} from '../sidebar';
 import {SidebarTableOfContents} from '../sidebarTableOfContents';
 import {ReaderDepthTracker} from '../track-reader-depth';
-import {CopyForLLMButton} from '../copyForLLMButton';
 
 type Props = {
   children: ReactNode;