From 5ac52c8bd7c6b1f224e6571286f2fe9442b39cf7 Mon Sep 17 00:00:00 2001
From: Ian Sanders <iansan5653@github.com>
Date: Wed, 27 Mar 2024 19:44:40 +0000
Subject: [PATCH] Add wrapped component to storybook example

---
 .../react/src/ActionMenu/ActionMenu.features.stories.tsx     | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/ActionMenu/ActionMenu.features.stories.tsx b/packages/react/src/ActionMenu/ActionMenu.features.stories.tsx
index 670e3b49cc8..86c9bde8fa8 100644
--- a/packages/react/src/ActionMenu/ActionMenu.features.stories.tsx
+++ b/packages/react/src/ActionMenu/ActionMenu.features.stories.tsx
@@ -191,6 +191,9 @@ export const InactiveItems = () => (
   </ActionMenu>
 )
 
+// Showing that it works with wrapped components
+const PasteFromMenuItem = () => <ActionList.Item>Paste from</ActionList.Item>
+
 export const Submenus = () => (
   <ActionMenu>
     <ActionMenu.Button>Edit</ActionMenu.Button>
@@ -215,7 +218,7 @@ export const Submenus = () => (
               <ActionList.Item>Paste with formatting</ActionList.Item>
               <ActionMenu>
                 <ActionMenu.Anchor>
-                  <ActionList.Item>Paste from</ActionList.Item>
+                  <PasteFromMenuItem />
                 </ActionMenu.Anchor>
                 <ActionMenu.Overlay>
                   <ActionList>