LG-3273: Update generated story for RadioGroup component (#2202)

* update generated story * runs lint --------- Co-authored-by: Shaneeza <[email protected]>
mongodb · Feb 1, 2024 · 0e6cb7a · 0e6cb7a
1 parent ae4afdc
commit 0e6cb7a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 16 deletions.
diff --git a/.changeset/lemon-dolphins-wave.md 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
@@ -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 },