From df1a363bb3c1f3d6e1e2690b5041955516e51bf9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=A8=D0=B0=D1=80=D0=B0=D0=B5=D0=B2=20=D0=90=D0=B9=D0=BD?=
 =?UTF-8?q?=D1=83=D1=80=20=D0=A0=D0=B0=D0=B8=D0=BB=D1=8C=D0=B5=D0=B2=D0=B8?=
 =?UTF-8?q?=D1=87?= <mr.sharaevainur@yandex.ru>
Date: Fri, 11 Jun 2021 16:38:37 +0300
Subject: [PATCH] refactor: replace fragment with short syntax variant

---
 src/ui/atoms/loader/example.tsx | 4 ++--
 src/ui/atoms/loader/usage.mdx   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/atoms/loader/example.tsx b/src/ui/atoms/loader/example.tsx
index d664eed8..76269881 100644
--- a/src/ui/atoms/loader/example.tsx
+++ b/src/ui/atoms/loader/example.tsx
@@ -57,13 +57,13 @@ export const ExampleDataFetching = () => {
   }
 
   return (
-    <React.Fragment>
+    <>
       <ListContainer variant="primary" style={{ width: '100%' }}>
         {data.map(({ id, name }) => (
           <ListItem key={id} as="li" text={name} />
         ))}
       </ListContainer>
       <Button text="Reset" onClick={reset} />
-    </React.Fragment>
+    </>
   );
 };
diff --git a/src/ui/atoms/loader/usage.mdx b/src/ui/atoms/loader/usage.mdx
index 45a5002d..c199b685 100644
--- a/src/ui/atoms/loader/usage.mdx
+++ b/src/ui/atoms/loader/usage.mdx
@@ -18,14 +18,14 @@ Use a `Loader` component whenever the wait time is anticipated to be longer than
 <Playground>
   <State initial={false} change={(i) => !i}>
     {(value, change) => (
-      <React.Fragment>
+      <>
         <Button text="Toggle loader" onClick={change} />
         {value ? (
           <div style={{ width: 300 }}>
             <Loader description={<Text type="S">Some action in progress...</Text>} />
           </div>
         ) : null}
-      </React.Fragment>
+      </>
     )}
   </State>
 </Playground>