Switch to BiomeJS (#306)

src-web/components/core/tree/TreeItem.tsx

@@ -3,14 +3,15 @@ import { useDndContext, useDndMonitor, useDraggable, useDroppable } from '@dnd-k
 import classNames from 'classnames';
 import { useAtomValue } from 'jotai';
 import { selectAtom } from 'jotai/utils';
+import type React from 'react';
 import type { MouseEvent, PointerEvent } from 'react';
-import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { computeSideForDragMove } from '../../../lib/dnd';
 import { jotaiStore } from '../../../lib/jotai';
 import type { ContextMenuProps, DropdownItem } from '../Dropdown';
 import { ContextMenu } from '../Dropdown';
 import { Icon } from '../Icon';
-import { collapsedFamily, isCollapsedFamily, isLastFocusedFamily, isSelectedFamily, } from './atoms';
+import { collapsedFamily, isCollapsedFamily, isLastFocusedFamily, isSelectedFamily } from './atoms';
 import type { TreeNode } from './common';
 import { getNodeKey } from './common';
 import type { TreeProps } from './Tree';
@@ -84,7 +85,7 @@ function TreeItem_<T extends { id: string }>({
       },
       scrollIntoView: () => {
         listItemRef.current?.scrollIntoView({ block: 'nearest' });
-      }
+      },
     }),
     [editing, getEditOptions],
   );
@@ -272,10 +273,6 @@ function TreeItem_<T extends { id: string }>({
   return (
     <li
       ref={listItemRef}
-      role="treeitem"
-      aria-level={depth + 1}
-      aria-expanded={node.children == null ? undefined : !isCollapsed}
-      aria-selected={isSelected}
       onContextMenu={handleContextMenu}
       className={classNames(
         className,
@@ -304,6 +301,7 @@ function TreeItem_<T extends { id: string }>({
         )}
         {node.children != null ? (
           <button
+            type="button"
             tabIndex={-1}
             className="h-full pl-[0.5rem] outline-none"
             onClick={toggleCollapsed}