From 79a863d9ab77ac9a0ff4007411695c5572cf98b1 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 1 Jun 2025 11:13:46 -0500
Subject: [PATCH] Minimize radix tooltip warnings

---
 src/components/primitives/TooltipPrimitive.tsx | 3 ++-
 src/utility/useSupportsHover.ts                | 3 +--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/primitives/TooltipPrimitive.tsx b/src/components/primitives/TooltipPrimitive.tsx
index 215578ca..cdf7022d 100644
--- a/src/components/primitives/TooltipPrimitive.tsx
+++ b/src/components/primitives/TooltipPrimitive.tsx
@@ -7,6 +7,7 @@ import useSupportsHover from '@/utility/useSupportsHover';
 import clsx from 'clsx/lite';
 import useClickInsideOutside from '@/utility/useClickInsideOutside';
 import KeyCommand from './KeyCommand';
+
 export default function TooltipPrimitive({
   content: contentProp,
   children,
@@ -39,7 +40,7 @@ export default function TooltipPrimitive({
 
   const supportsHover = useSupportsHover();
 
-  const includeButton = !supportsHover && supportMobile;
+  const includeButton = supportMobile && supportsHover === false;
 
   useClickInsideOutside({
     htmlElements: [refTrigger, refContent],
diff --git a/src/utility/useSupportsHover.ts b/src/utility/useSupportsHover.ts
index d2388d3b..68f8c6ab 100644
--- a/src/utility/useSupportsHover.ts
+++ b/src/utility/useSupportsHover.ts
@@ -1,11 +1,10 @@
 import { useState, useEffect } from 'react';
 
 export default function useSupportsHover() {
-  const [supportsHover, setSupportsHover] = useState(true);
+  const [supportsHover, setSupportsHover] = useState<boolean>();
 
   useEffect(() => {
     const mql = window.matchMedia('(hover: hover)');
-    setSupportsHover(mql.matches);
 
     const listener = (e: MediaQueryListEvent) => {
       setSupportsHover(e.matches);