From 49fe9875eed279624a5eadced451f7717a404717 Mon Sep 17 00:00:00 2001
From: Joshua Rush <jdrush89@gmail.com>
Date: Tue, 26 Jul 2022 10:16:05 -0400
Subject: [PATCH] Support ReactNode in ActionMenu.Overlay (#2168)

* Supporting ReactNode type for ActionMenu children

* Fixing spacing

* Updating ActionMenu.Overlay props docs

* Adding changeset
---
 .changeset/shiny-hairs-wait.md | 5 +++++
 docs/content/ActionMenu.mdx    | 2 +-
 src/ActionMenu.tsx             | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/shiny-hairs-wait.md

diff --git a/.changeset/shiny-hairs-wait.md b/.changeset/shiny-hairs-wait.md
new file mode 100644
index 00000000000..3c291fd898c
--- /dev/null
+++ b/.changeset/shiny-hairs-wait.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Support React.ReactNode as child type in ActionMenu.Overlay
diff --git a/docs/content/ActionMenu.mdx b/docs/content/ActionMenu.mdx
index d057b2b9ef4..8eaf5b505ac 100644
--- a/docs/content/ActionMenu.mdx
+++ b/docs/content/ActionMenu.mdx
@@ -342,7 +342,7 @@ render(
 ### ActionMenu.Overlay
 
 <PropsTable>
-  <PropsTableRow name="children" required type="React.ReactElement | React.ReactElement[]" />
+  <PropsTableRow name="children" required type="React.ReactNode" />
   <PropsTableRow name="align" type="start | center | end" defaultValue="start" />
   <PropsTablePassthroughPropsRow
     elementName="Overlay"
diff --git a/src/ActionMenu.tsx b/src/ActionMenu.tsx
index b471530132c..933c938d3c8 100644
--- a/src/ActionMenu.tsx
+++ b/src/ActionMenu.tsx
@@ -100,7 +100,7 @@ type MenuOverlayProps = Partial<OverlayProps> &
     /**
      * Recommended: `ActionList`
      */
-    children: React.ReactElement[] | React.ReactElement
+    children: React.ReactNode
   }
 const Overlay: React.FC<MenuOverlayProps> = ({children, align = 'start', ...overlayProps}) => {
   // we typecast anchorRef as required instead of optional