From 0e6cb7a6c43f16fc6193303fb547389db8e88a19 Mon Sep 17 00:00:00 2001
From: Brooke Scarlett Yalof <brooke.yalof@mongodb.com>
Date: Thu, 1 Feb 2024 15:08:28 -0500
Subject: [PATCH] LG-3273: Update generated story for RadioGroup component
 (#2202)

* update generated story

* runs lint

---------

Co-authored-by: Shaneeza <shaneeza.ali@mongodb.com>
---
 .changeset/lemon-dolphins-wave.md             |  5 ++++
 packages/radio-group/src/RadioGroup.story.tsx | 30 +++++++++----------
 2 files changed, 19 insertions(+), 16 deletions(-)
 create mode 100644 .changeset/lemon-dolphins-wave.md

diff --git a/.changeset/lemon-dolphins-wave.md b/.changeset/lemon-dolphins-wave.md
new file mode 100644
index 0000000000..6f51b0eaf8
--- /dev/null
+++ b/.changeset/lemon-dolphins-wave.md
@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/radio-group': patch
+---
+
+Updates the generated story in Chromatic to properly render children
diff --git a/packages/radio-group/src/RadioGroup.story.tsx b/packages/radio-group/src/RadioGroup.story.tsx
index bef99372c2..c3990cfa35 100644
--- a/packages/radio-group/src/RadioGroup.story.tsx
+++ b/packages/radio-group/src/RadioGroup.story.tsx
@@ -26,22 +26,20 @@ const meta: StoryMetaType<typeof RadioGroup> = {
     },
   },
   args: {
-    children: (
-      <>
-        <Radio checked value="1">
-          Radio Input 1
-        </Radio>
-        <Radio default value="2" description="This is a description">
-          Radio Input 2
-        </Radio>
-        <Radio disabled value="3" description="This is a description">
-          Disabled Option
-        </Radio>
-        <Radio disabled value="4">
-          Disabled Option
-        </Radio>
-      </>
-    ),
+    children: [
+      <Radio key="1" checked value="1">
+        Radio Input 1
+      </Radio>,
+      <Radio key="2" default value="2" description="This is a description">
+        Radio Input 2
+      </Radio>,
+      <Radio key="3" disabled value="3" description="This is a description">
+        Disabled Option
+      </Radio>,
+      <Radio key="4" disabled value="4">
+        Disabled Option
+      </Radio>,
+    ],
   },
   argTypes: {
     children: { control: false },