From 79cc231b592b45bb65bce74404b091b923ad9ee3 Mon Sep 17 00:00:00 2001
From: ItshMoh <mohan.kumar.min22@itbhu.ac.in>
Date: Mon, 30 Sep 2024 20:09:07 +0530
Subject: [PATCH 1/2] removing the fragment sign.

---
 playground/components/SplitWrapper.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/playground/components/SplitWrapper.tsx b/playground/components/SplitWrapper.tsx
index 31fd7fc1b..60c3a575c 100644
--- a/playground/components/SplitWrapper.tsx
+++ b/playground/components/SplitWrapper.tsx
@@ -7,7 +7,6 @@ interface SplitWrapperProps {
 
 // react-split should be replaced with a React 18 friendly library or CSS
 const SplitWrapper = (props: SplitWrapperProps) => (
-  <>
     <Split
       style={{
         width: '100%',
@@ -29,7 +28,6 @@ const SplitWrapper = (props: SplitWrapperProps) => (
     >
       {props.children}
     </Split>
-  </>
 );
 
 export default SplitWrapper;

From 1855313506ba6248978aae06798ba1ac2d9abeff Mon Sep 17 00:00:00 2001
From: ItshMoh <mohan.kumar.min22@itbhu.ac.in>
Date: Tue, 8 Oct 2024 14:40:33 +0530
Subject: [PATCH 2/2] fixed the linting issue

---
 playground/components/SplitWrapper.tsx | 42 +++++++++++++-------------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/playground/components/SplitWrapper.tsx b/playground/components/SplitWrapper.tsx
index 60c3a575c..843d148c7 100644
--- a/playground/components/SplitWrapper.tsx
+++ b/playground/components/SplitWrapper.tsx
@@ -7,27 +7,27 @@ interface SplitWrapperProps {
 
 // react-split should be replaced with a React 18 friendly library or CSS
 const SplitWrapper = (props: SplitWrapperProps) => (
-    <Split
-      style={{
-        width: '100%',
-        height: 'calc(100vh - 50px)',
-        minHeight: 'calc(100vh - 50px)',
-        display: 'flex',
-        background: '#f3f4f5',
-      }}
-      gutter={() => {
-        const gutter = document.createElement('div');
-        gutter.onmouseover = () => (gutter.style.cursor = 'ew-resize');
-        return gutter;
-      }}
-      gutterStyle={() => ({
-        backgroundColor: 'gray',
-        width: '7px',
-      })}
-      minSize={250}
-    >
-      {props.children}
-    </Split>
+  <Split
+    style={{
+      width: '100%',
+      height: 'calc(100vh - 50px)',
+      minHeight: 'calc(100vh - 50px)',
+      display: 'flex',
+      background: '#f3f4f5',
+    }}
+    gutter={() => {
+      const gutter = document.createElement('div');
+      gutter.onmouseover = () => (gutter.style.cursor = 'ew-resize');
+      return gutter;
+    }}
+    gutterStyle={() => ({
+      backgroundColor: 'gray',
+      width: '7px',
+    })}
+    minSize={250}
+  >
+    {props.children}
+  </Split>
 );
 
 export default SplitWrapper;