Fix imports

src-web/components/core/HotKeyList.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import type React from 'react';
+import type { ReactNode } from 'react';
 import { Fragment } from 'react';
 import type { HotkeyAction } from '../../hooks/useHotKey';
 import { HotKey } from './HotKey';
@@ -7,7 +7,7 @@ import { HotKeyLabel } from './HotKeyLabel';
 
 interface Props {
   hotkeys: HotkeyAction[];
-  bottomSlot?: React.ReactNode;
+  bottomSlot?: ReactNode;
   className?: string;
 }
 

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

@@ -3,8 +3,12 @@ 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 {
-import type { MouseEvent, PointerEvent } from 'react';
+  MouseEvent,
+  PointerEvent,
+  FocusEvent as ReactFocusEvent,
+  KeyboardEvent as ReactKeyboardEvent,
+} from 'react';
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { computeSideForDragMove } from '../../../lib/dnd';
 import { jotaiStore } from '../../../lib/jotai';
@@ -148,14 +152,14 @@ function TreeItem_<T extends { id: string }>({
   }, []);
 
   const handleEditBlur = useCallback(
-    async function editBlur(e: React.FocusEvent<HTMLInputElement>) {
+    async function editBlur(e: ReactFocusEvent<HTMLInputElement>) {
       await handleSubmitNameEdit(e.currentTarget);
     },
     [handleSubmitNameEdit],
   );
 
   const handleEditKeyDown = useCallback(
-    async (e: React.KeyboardEvent<HTMLInputElement>) => {
+    async (e: ReactKeyboardEvent<HTMLInputElement>) => {
       e.stopPropagation(); // Don't trigger other tree keys (like arrows)
       switch (e.key) {
         case 'Enter':