style: remove warning from eslint

components/file-tree/tree-indents.tsx

@@ -7,6 +7,7 @@ interface Props {
 const TreeIndents: React.FC<Props> = ({ count }) => {
   if (count === 0) return null
   return (
+    /* eslint-disable react/jsx-no-useless-fragment */
     <>
       {[...new Array(count)].map((_, index) => (
         <span className="indent" key={`indent-${index}`}>
@@ -18,6 +19,7 @@ const TreeIndents: React.FC<Props> = ({ count }) => {
         </span>
       ))}
     </>
+    /* eslint-enable */
   )
 }
 

components/file-tree/tree.tsx

@@ -42,13 +42,13 @@ const makeChildren = (value: Array<FileTreeValue> = []) => {
       return `${a.name}`.charCodeAt(0) - `${b.name}`.charCodeAt(0)
     })
     .map((item, index) => {
-    if (item.type === directoryType) return (
+      if (item.type === directoryType) return (
-      <TreeFolder name={item.name} extra={item.extra} key={`folder-${item.name}-${index}`}>
+        <TreeFolder name={item.name} extra={item.extra} key={`folder-${item.name}-${index}`}>
-        {makeChildren(item.files)}
+          {makeChildren(item.files)}
-      </TreeFolder>
+        </TreeFolder>
-    )
+      )
-    return <TreeFile name={item.name} extra={item.extra} key={`file-${item.name}-${index}`} />
+      return <TreeFile name={item.name} extra={item.extra} key={`file-${item.name}-${index}`} />
-  })
+    })
 }
 
 const Tree: React.FC<React.PropsWithChildren<TreeProps>> = ({

components/utils/collections.ts

@@ -82,8 +82,8 @@ export const setChildrenProps = (
 }
 
 export type ShapeType = {
-  width: number,
+  width: number
-  height: number,
+  height: number
 }
 
 export const getRealShape = (el: HTMLElement | null): ShapeType => {