From 8cffba04788089aa3aa19bfef9cb6c3eac4645d2 Mon Sep 17 00:00:00 2001
From: Eugene Olonov <eugeneolonov@microsoft.com>
Date: Sun, 18 Oct 2026 11:21:05 -0700
Subject: [PATCH] Use <Fragment> in the AGENTS.md component example, as
 enforced by lint

---
 AGENTS.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index 08e4b8b596..262493d6f9 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -54,7 +54,7 @@
 
 ```tsx
 import { reactNode, validateProps } from '@msinternal/botframework-webchat-react-valibot';
-import React from 'react';
+import React, { Fragment } from 'react';
 import { number, object, pipe, readonly } from 'valibot';
 
 // Use valibot to validate props.
@@ -72,9 +72,9 @@ function MyComponent(props: MyComponentProps) {
   // Call `validateProps` to get a validated props.
   const { children } = validateProps(MyComponentPropsSchema, props);
 
-  // Use `<>` instead of `<Fragment>`.
-  // Never export `children` by itself, always wrap with `<>`.
-  return <>{children}</>;
+  // Use `<Fragment>` instead of `<>` (enforced by `react/jsx-fragments`).
+  // Never export `children` by itself, always wrap with `<Fragment>`.
+  return <Fragment>{children}</Fragment>;
 }
 
 // Set `displayName`.