From 9790be01bd69bef4f77177c9999cbe832e5427c0 Mon Sep 17 00:00:00 2001
From: Detroja Radhey <detrojaradhey1205@gmail.com>
Date: Sun, 10 Nov 2024 01:59:36 +0530
Subject: [PATCH] chore: Use HTML character entities to display JSX code in a
 markdown format without being rendered as HTML.

---
 react/README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/react/README.md b/react/README.md
index a590a19672..44c5fbb6a6 100644
--- a/react/README.md
+++ b/react/README.md
@@ -245,16 +245,16 @@ This style guide is mostly based on the standards that are currently prevalent i
 
     ```jsx
     // bad
-    <Foo bar='bar' />
+    &lt;Foo bar='bar' /&gt;
 
     // good
-    <Foo bar="bar" />
+    &lt;Foo bar="bar" /&gt;
 
     // bad
-    <Foo style={{ left: "20px" }} />
+    &lt;Foo style={{ left: "20px" }} /&gt;
 
     // good
-    <Foo style={{ left: '20px' }} />
+    &lt;Foo style={{ left: '20px' }} /&gt;
     ```
 
 ## Spacing