From 0cad8f69e257cb4d39c06630f44b42dd05c4df60 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Mon, 24 Nov 2025 08:55:55 -0800
Subject: [PATCH] Fix imports

---
 src-web/components/core/HotKeyList.tsx    |  4 ++--
 src-web/components/core/tree/TreeItem.tsx | 12 ++++++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src-web/components/core/HotKeyList.tsx b/src-web/components/core/HotKeyList.tsx
index 84f5c247..80924bf1 100644
--- a/src-web/components/core/HotKeyList.tsx
+++ b/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;
 }
 
diff --git a/src-web/components/core/tree/TreeItem.tsx b/src-web/components/core/tree/TreeItem.tsx
index ff43fb4b..f33ea039 100644
--- a/src-web/components/core/tree/TreeItem.tsx
+++ b/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':