chore: un-memoise markdown copy handler

Author: jamiehenson

src/components/Layout/mdx/PageHeader.tsx

@@ -44,7 +44,15 @@ export const PageHeader: React.FC<PageHeaderProps> = ({ title, intro }) => {
     [activePage.languages, product],
   );
 
-  const handleCopyMarkdown = useCallback(async () => {
+  const resetCopyTooltip = useCallback(() => {
+    setCopyTooltipOpen(true);
+    setTimeout(() => {
+      setCopyTooltipOpen(false);
+      setTimeout(() => setCopyTooltipContent('Copy'), 150);
+    }, 2000);
+  }, []);
+
+  const handleCopyMarkdown = async () => {
     try {
       const response = await fetch(`${location.pathname}.md`);
 
@@ -60,25 +68,17 @@ export const PageHeader: React.FC<PageHeaderProps> = ({ title, intro }) => {
       const content = await response.text();
       await navigator.clipboard.writeText(content);
       setCopyTooltipContent('Copied!');
-      setCopyTooltipOpen(true);
-      setTimeout(() => {
-        setCopyTooltipOpen(false);
-        setTimeout(() => setCopyTooltipContent('Copy'), 150);
-      }, 2000);
+      resetCopyTooltip();
 
       track('markdown_copy_link_clicked', {
         location: location.pathname,
       });
     } catch (error) {
       console.error('Failed to copy markdown:', error);
       setCopyTooltipContent('Error!');
-      setCopyTooltipOpen(true);
-      setTimeout(() => {
-        setCopyTooltipOpen(false);
-        setTimeout(() => setCopyTooltipContent('Copy'), 150);
-      }, 2000);
+      resetCopyTooltip();
     }
-  }, [location.pathname]);
+  };
 
   return (
     <div className="my-8 border-b border-neutral-300 dark:border-neutral-1000 pb-8">