chore(lwd): update useRef typing on tooltip and dropdownselector

Author: iqbalibrahim-ledger

apps/ledger-live-desktop/src/renderer/components/DropDownSelector.tsx

@@ -94,7 +94,7 @@ const DropDownSelector = <ContentType, Item extends DropDownItemType<ContentType
     },
     [controlled, onChange],
   );
-  const triggerRef = useRef<HTMLDivElement>(null);
+  const triggerRef = useRef<HTMLDivElement | null>(null);
   const renderOption = useCallback(
     (item: Item) => {
       return (

apps/ledger-live-desktop/src/renderer/components/Tooltip.tsx

@@ -55,14 +55,15 @@ const ToolTip = ({
   hideOnClick = true,
   containerStyle,
 }: Props) => {
-  const triggerRef = useRef<HTMLDivElement>(null);
+  const triggerRef = useRef<HTMLDivElement | null>(null);
   const colors = useTheme().colors;
   const bg = tooltipBg === "error-strong" ? colors.error.c50 : colors.neutral.c100;
   return (
     <>
       <ChildrenContainer ref={triggerRef} style={containerStyle}>
         {children}
       </ChildrenContainer>
+      {/* Tippy's reference prop is typed RefObject<Element> (non-null); our ref is HTMLDivElement | null */}
       <Tippy
         {...defaultTippyOptions}
         reference={triggerRef as React.RefObject<Element>}