Refactor icon types and improve copy button error handling

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

Author: cursoragent

src/@types/radix-ui__react-icons.d.ts

@@ -1,12 +1,12 @@
 declare module '@radix-ui/react-icons' {
-  import * as React from 'react';
+  import type {ForwardRefExoticComponent, SVGProps} from 'react';
 
-  export interface IconProps extends React.SVGProps<SVGSVGElement> {
-    width?: number | string;
+  export interface IconProps extends SVGProps<SVGSVGElement> {
     height?: number | string;
+    width?: number | string;
   }
 
-  type IconComponent = React.ForwardRefExoticComponent<IconProps>;
+  type IconComponent = ForwardRefExoticComponent<IconProps>;
 
   export const CopyIcon: IconComponent;
   export const CheckIcon: IconComponent;

src/components/copyForLLMButton.tsx

@@ -1,6 +1,8 @@
 "use client";
 
+// eslint-disable-next-line simple-import-sort/imports
 import {useState, useCallback, Fragment} from 'react';
+
 import {createPortal} from 'react-dom';
 import {CopyIcon, CheckIcon} from '@radix-ui/react-icons';
 
@@ -35,8 +37,8 @@ export default function CopyForLLMButton() {
         setCopied(false);
         setShowToast(false);
       }, 2000);
-    } catch (err) {
-      console.error('Failed to copy content for LLM', err);
+    } catch {
+      /* ignore clipboard errors */
     }
   }, []);
 

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;