fix: 커스텀 훅 수정

src/hooks/useNavigateHome.tsx

@@ -2,8 +2,10 @@ import { useNavigate } from 'react-router-dom';
 
 const useNavigateHome = () => {
   const navigate = useNavigate();
-  navigate('/');
-  return <></>;
+  const navigateHome = () => {
+    navigate('/');
+  };
+  return navigateHome;
 };
 
 export default useNavigateHome;

src/pages/CompletePage.tsx

@@ -5,13 +5,14 @@ import Button from '../components/Button';
 import useNavigateHome from '../hooks/useNavigateHome';
 
 const CompletePage = () => {
+  const navigateHome = useNavigateHome();
   return (
     <CompletePageWrapper>
       <Title>서비스를 탈퇴 완료</Title>
       <Subtitle>
         그동안 레코드림을 이용해주셔서 <br /> 감사합니다.
       </Subtitle>
-      <Button message="확인" onClick={useNavigateHome} />
+      <Button message="확인" onClick={navigateHome} />
     </CompletePageWrapper>
   );
 };

src/pages/ErrorPage.tsx

@@ -1,5 +1,14 @@
+import Button from '../components/Button';
+import useNavigateHome from '../hooks/useNavigateHome';
+
 const ErrorPage = () => {
-  return <div>에러가 발생했습니다!</div>;
+  const navigateHome = useNavigateHome();
+  return (
+    <div>
+      <span>에러가 발생했습니다!</span>
+      <Button message="홈으로 이동" onClick={navigateHome} />
+    </div>
+  );
 };
 
 export default ErrorPage;

src/pages/UnregisteredPage.tsx

@@ -4,10 +4,11 @@ import useNavigateHome from '../hooks/useNavigateHome';
 import Button from '../components/Button';
 
 const UnregisteredPage = () => {
+  const navigateHome = useNavigateHome();
   return (
     <UnregisteredPageWrapper>
       <Title>가입된 회원이 아닙니다.</Title>
-      <Button message="확인" onClick={useNavigateHome} />
+      <Button message="확인" onClick={navigateHome} />
     </UnregisteredPageWrapper>
   );
 };