From 06077e1582a5125276cc055a22ed34dc4f0667c3 Mon Sep 17 00:00:00 2001
From: Mike Perrotti <mperrotti@github.com>
Date: Thu, 19 May 2022 11:44:58 -0400
Subject: [PATCH] Fix broken inline component links (#2082)

* updates Link href paths that link to React components

* adds changeset
---
 .changeset/empty-geese-return.md | 5 +++++
 docs/content/ActionMenu.mdx      | 4 ++--
 docs/content/AnchoredOverlay.mdx | 6 +++---
 docs/content/Autocomplete.mdx    | 2 +-
 4 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/empty-geese-return.md

diff --git a/.changeset/empty-geese-return.md b/.changeset/empty-geese-return.md
new file mode 100644
index 00000000000..f4a32b060d1
--- /dev/null
+++ b/.changeset/empty-geese-return.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Fixes broken links in the documentation
diff --git a/docs/content/ActionMenu.mdx b/docs/content/ActionMenu.mdx
index 0edcb35bf3b..10d697cc845 100644
--- a/docs/content/ActionMenu.mdx
+++ b/docs/content/ActionMenu.mdx
@@ -329,7 +329,7 @@ render(
   <PropsTablePassthroughPropsRow
     elementName="Button"
     isPolymorphic
-    passthroughPropsLink={<Link href="react/Button">Button docs</Link>}
+    passthroughPropsLink={<Link href="/react/Button">Button docs</Link>}
   />
 </PropsTable>
 
@@ -346,7 +346,7 @@ render(
   <PropsTableRow name="align" type="start | center | end" defaultValue="start" />
   <PropsTablePassthroughPropsRow
     elementName="Overlay"
-    passthroughPropsLink={<Link href="react/Overlay">Overlay docs</Link>}
+    passthroughPropsLink={<Link href="/react/Overlay">Overlay docs</Link>}
   />
 </PropsTable>
 
diff --git a/docs/content/AnchoredOverlay.mdx b/docs/content/AnchoredOverlay.mdx
index 6ccd4cd7b27..d6e890619ed 100644
--- a/docs/content/AnchoredOverlay.mdx
+++ b/docs/content/AnchoredOverlay.mdx
@@ -108,7 +108,7 @@ See also [Overlay positioning](/Overlay#positioning).
     name="overlayProps"
     type={
       <>
-        Partial&lt;<Link href="/Overlay#props">OverlayProps</Link>&gt;
+        Partial&lt;<Link href="/react/Overlay#props">OverlayProps</Link>&gt;
       </>
     }
     description={
@@ -121,7 +121,7 @@ See also [Overlay positioning](/Overlay#positioning).
     name="focusTrapSettings"
     type={
       <>
-        Partial&lt;<Link href="/focusTrap#focustraphooksettings-interface">FocusTrapHookSettings</Link>&gt;
+        Partial&lt;<Link href="/react/focusTrap#focustraphooksettings-interface">FocusTrapHookSettings</Link>&gt;
       </>
     }
     description={
@@ -134,7 +134,7 @@ See also [Overlay positioning](/Overlay#positioning).
     name="focusZoneSettings"
     type={
       <>
-        Partial&lt;<Link href="/focusZone#focuszonehooksettings-interface">FocusZoneHookSettings</Link>&gt;
+        Partial&lt;<Link href="/react/focusZone#focuszonehooksettings-interface">FocusZoneHookSettings</Link>&gt;
       </>
     }
     description={
diff --git a/docs/content/Autocomplete.mdx b/docs/content/Autocomplete.mdx
index 032619a7f9c..b3a98da8c12 100644
--- a/docs/content/Autocomplete.mdx
+++ b/docs/content/Autocomplete.mdx
@@ -590,7 +590,7 @@ render(<MultiSelectAddNewItem />)
     isPolymorphic
     passthroughPropsLink={
       <>
-        the <Link href="/TextInput">TextInput docs</Link>
+        the <Link href="/react/TextInput">TextInput docs</Link>
       </>
     }
   />