♻️ refactor(deps): Update

apps/user/app/(main)/(user)/document/document-button.tsx

@@ -10,7 +10,7 @@ import { cn } from '@shadcn/ui/lib/utils';
 import { useQuery } from '@tanstack/react-query';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useTranslations } from 'next-intl';
-import { useEffect, useId, useRef, useState } from 'react';
+import { RefObject, useEffect, useId, useRef, useState } from 'react';
 
 export function DocumentButton({ items }: { items: API.Document[] }) {
   const t = useTranslations('document');
@@ -46,7 +46,7 @@ export function DocumentButton({ items }: { items: API.Document[] }) {
     return () => window.removeEventListener('keydown', onKeyDown);
   }, [active]);
 
-  useOutsideClick(ref, () => setActive(null));
+  useOutsideClick(ref as RefObject<HTMLDivElement>, () => setActive(null));
 
   return (
     <>

apps/user/app/(main)/(user)/document/tutorial-button.tsx

@@ -9,7 +9,7 @@ import { cn } from '@shadcn/ui/lib/utils';
 import { useQuery } from '@tanstack/react-query';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useTranslations } from 'next-intl';
-import { useEffect, useId, useRef, useState } from 'react';
+import { RefObject, useEffect, useId, useRef, useState } from 'react';
 
 interface Item {
   path: string;
@@ -48,7 +48,7 @@ export function TutorialButton({ items }: { items: Item[] }) {
     return () => window.removeEventListener('keydown', onKeyDown);
   }, [active]);
 
-  useOutsideClick(ref, () => setActive(null));
+  useOutsideClick(ref as RefObject<HTMLDivElement>, () => setActive(null));
 
   return (
     <>

apps/user/app/(main)/(user)/ticket/page.tsx

@@ -70,7 +70,7 @@ export default function Page() {
     }, 66);
   }, [ticket?.follow?.length]);
 
-  const ref = useRef<ProListActions>();
+  const ref = useRef<ProListActions>(null);
   const [create, setCreate] = useState<Partial<API.CreateUserTicketRequest & { open: boolean }>>();
 
   return (