Fix lint errors after upgrades and narrow tsc

src-web/components/core/Dropdown.tsx

@@ -266,7 +266,7 @@ interface MenuProps {
   fullWidth?: boolean;
   isOpen: boolean;
   items: DropdownItem[];
-  triggerRef?: RefObject<HTMLButtonElement>;
+  triggerRef?: RefObject<HTMLButtonElement | null>;
 }
 
 const Menu = forwardRef<Omit<DropdownRef, 'open' | 'isOpen' | 'toggle' | 'items'>, MenuProps>(
@@ -555,7 +555,10 @@ const Menu = forwardRef<Omit<DropdownRef, 'open' | 'isOpen' | 'toggle' | 'items'
                   }
                   if (item.type === 'separator') {
                     return (
-                      <Separator key={i} className={classNames('my-1.5', item.label && 'ml-2')}>
+                      <Separator
+                        key={i}
+                        className={classNames('my-1.5', item.label ? 'ml-2' : null)}
+                      >
                         {item.label}
                       </Separator>
                     );

src-web/components/core/Editor/Editor.tsx

@@ -530,10 +530,12 @@ export const Editor = forwardRef<EditorView | undefined, EditorProps>(function E
     }
     results.push(
       Children.map(actions, (existingChild) => {
-        if (!isValidElement(existingChild)) return null;
+        if (!isValidElement<{ className?: string }>(existingChild)) return null;
+        const existingProps = existingChild.props;
+
         return cloneElement(existingChild, {
-          ...existingChild.props,
-          className: classNames(existingChild.props.className, actionClassName),
+          ...existingProps,
+          className: classNames(existingProps.className, actionClassName),
         });
       }),
     );

src-web/components/core/HttpResponseDurationTag.tsx

@@ -7,7 +7,7 @@ interface Props {
 
 export function HttpResponseDurationTag({ response }: Props) {
   const [fallbackElapsed, setFallbackElapsed] = useState<number>(0);
-  const timeout = useRef<NodeJS.Timeout>();
+  const timeout = useRef<NodeJS.Timeout>(undefined);
 
   // Calculate the duration of the response for use when the response hasn't finished yet
   useEffect(() => {

src-web/components/core/Input.tsx

@@ -263,8 +263,8 @@ const BaseInput = forwardRef<EditorView, InputProps>(function InputBase(
             inputWrapperClassName,
             'w-full min-w-0 px-2',
             fullHeight && 'h-full',
-            leftSlot && 'pl-0.5 -ml-2',
-            rightSlot && 'pr-0.5 -mr-2',
+            leftSlot ? 'pl-0.5 -ml-2' : null,
+            rightSlot ? 'pr-0.5 -mr-2' : null,
           )}
         >
           <Editor

src-web/components/core/PlainInput.tsx

@@ -147,8 +147,8 @@ export const PlainInput = forwardRef<{ focus: () => void }, PlainInputProps>(fun
         <HStack
           className={classNames(
             'w-full min-w-0',
-            leftSlot && 'pl-0.5 -ml-2',
-            rightSlot && 'pr-0.5 -mr-2',
+            leftSlot ? 'pl-0.5 -ml-2' : null,
+            rightSlot ? 'pr-0.5 -mr-2' : null,
           )}
         >
           <input

src-web/components/core/Tooltip.tsx

@@ -23,7 +23,7 @@ export function Tooltip({ children, content, tabIndex, size = 'md' }: TooltipPro
   const [isOpen, setIsOpen] = useState<CSSProperties>();
   const triggerRef = useRef<HTMLButtonElement>(null);
   const tooltipRef = useRef<HTMLDivElement>(null);
-  const showTimeout = useRef<NodeJS.Timeout>();
+  const showTimeout = useRef<NodeJS.Timeout>(undefined);
 
   const handleOpenImmediate = () => {
     if (triggerRef.current == null || tooltipRef.current == null) return;