[@mantine/hooks] use-click-outside: Fix incorrect typescript definiti…

…on for strict mode (#3119)
mantinedev · Dec 12, 2022 · c485f9a · c485f9a
1 parent feeea02
commit c485f9a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/docs/src/docs/hooks/use-click-outside.mdx b/docs/src/docs/hooks/use-click-outside.mdx
@@ -56,8 +56,8 @@ import { useClickOutside } from '@mantine/hooks';
 import { Portal } from '@mantine/core';
 
 function Demo() {
-  const [dropdown, setDropdown] = useState(null);
-  const [control, setControl] = useState(null);
+  const [dropdown, setDropdown] = useState<HTMLDivElement | null>(null);
+  const [control, setControl] = useState<HTMLDivElement | null>(null);
 
   useClickOutside(() => console.log('outside'), null, [control, dropdown]);
 

diff --git a/src/mantine-hooks/src/use-click-outside/use-click-outside.ts b/src/mantine-hooks/src/use-click-outside/use-click-outside.ts
@@ -5,7 +5,7 @@ const DEFAULT_EVENTS = ['mousedown', 'touchstart'];
 export function useClickOutside<T extends HTMLElement = any>(
   handler: () => void,
   events?: string[] | null,
-  nodes?: HTMLElement[]
+  nodes?: (HTMLElement | null)[]
 ) {
   const ref = useRef<T>();