Fix imports

src-web/components/Settings/SettingsPlugins.tsx

@@ -32,7 +32,7 @@ import { EmptyStateText } from '../EmptyStateText';
 import { SelectFile } from '../SelectFile';
 
 export function SettingsPlugins() {
-  const [directory, setDirectory] = React.useState<string | null>(null);
+  const [directory, setDirectory] = useState<string | null>(null);
   const plugins = useAtomValue(pluginsAtom);
   const createPlugin = useInstallPlugin();
   const refreshPlugins = useRefreshPlugins();

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 { MouseEvent, PointerEvent } from 'react';
+import type {
+  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':