refactor: 내 초대코드 조회 query useGetMyInviteCode function으로 분리

src/components/templates/AddFriendTemplate.tsx

@@ -1,11 +1,12 @@
 import { LabelRoundBox, WarningLine } from '@/components/molecules';
 import React, { useState } from 'react';
+import {
+  useAddFriendship,
+  useGetMyInviteCode,
+} from '@/hooks/queries/friendship';
 
 import { BulletNoticeBox } from '@/components/organisms';
 import { MiniButton } from '@/components/atoms';
-import { queryKeys } from '@/hooks/queries/queryKeys';
-import { useAddFriendship } from '@/hooks/queries/friendship';
-import { useBaseQuery } from '@/hooks/queries/useBaseQuery';
 import useToast from '@/hooks/useToast';
 
 const FRIEND_ADD_SUCCESS_MESSAGE = '친구 추가가 완료되었습니다.';
@@ -23,7 +24,7 @@ const AddFriendTemplate: React.FC = () => {
 
   const onCopy: () => void = () => {
     navigator.clipboard
-      .writeText(myInviteCode?.data?.inviteCode ?? '')
+      .writeText(myInviteCode ?? '')
       .then(() => {
         showToast(CODE_COPY_SUCCESS_MESSAGE, 'success');
       })
@@ -38,10 +39,7 @@ const AddFriendTemplate: React.FC = () => {
     }
   };
 
-  const { data: myInviteCode } = useBaseQuery<{ inviteCode: string }>(
-    queryKeys.MY_INVITE_CODE(),
-    '/users/me/invite-code',
-  );
+  const { inviteCode: myInviteCode } = useGetMyInviteCode();
 
   return (
     <div className="pt-[72px] px-[20px]">
@@ -50,7 +48,7 @@ const AddFriendTemplate: React.FC = () => {
         content={
           <div className="flex">
             <span className="flex-1 outline-none mr-[10px] border-none p-[10px] bg-gray1 rounded-[6px] text-gray8 body1-medium">
-              {myInviteCode?.data?.inviteCode}
+              {myInviteCode ?? ''}
             </span>
             <MiniButton label="복사" onClick={onCopy} variant="active" />
           </div>

src/hooks/queries/friendship/index.ts

@@ -1,3 +1,4 @@
 export { default as useGetFriendships } from './useGetFriendships';
 export { default as useDeleteFriendship } from './useDeleteFriendship';
 export { default as useAddFriendship } from './useAddFriendship';
+export { default as useGetMyInviteCode } from './useGetMyInviteCode';

src/hooks/queries/friendship/useGetMyInviteCode.ts

@@ -0,0 +1,17 @@
+import { queryKeys } from '../queryKeys';
+import { useBaseQuery } from '../useBaseQuery';
+
+const useGetMyInviteCode = () => {
+  const { data } = useBaseQuery<{ inviteCode: string }>(
+    queryKeys.MY_INVITE_CODE(),
+    '/users/me/invite-code',
+  );
+
+  if (!data?.data) {
+    return { inviteCode: '-' };
+  }
+
+  return data?.data;
+};
+
+export default useGetMyInviteCode;