From d2c9d3230f320ab06f5c4be892b099e5c09482a0 Mon Sep 17 00:00:00 2001
From: soomin9106 <soomin9106@naver.com>
Date: Sun, 30 Jun 2024 20:58:05 +0900
Subject: [PATCH] fix: undefined to null

---
 src/app/unsubscribe/layout.tsx                             | 1 +
 src/subscription/hooks/useArticleInfo.tsx                  | 4 ++--
 src/subscription/hooks/useUnsubscribeForm.tsx              | 2 +-
 src/subscription/remotes/postUnsubscriptionQueryOptions.ts | 2 +-
 src/subscription/utils/index.ts                            | 6 +++---
 5 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/app/unsubscribe/layout.tsx b/src/app/unsubscribe/layout.tsx
index a8b9ad16..12031a38 100644
--- a/src/app/unsubscribe/layout.tsx
+++ b/src/app/unsubscribe/layout.tsx
@@ -1,3 +1,4 @@
+'use client'
 import { useRouter } from "next/navigation";
 
 import React, { ReactNode } from "react";
diff --git a/src/subscription/hooks/useArticleInfo.tsx b/src/subscription/hooks/useArticleInfo.tsx
index c0a569e0..37773edc 100644
--- a/src/subscription/hooks/useArticleInfo.tsx
+++ b/src/subscription/hooks/useArticleInfo.tsx
@@ -3,8 +3,8 @@ import { useEffect, useState } from "react"
 import { getCookie } from "@subscription/utils"
 
 export const useArticleInfo = () =>{
-    const [articleId, setArticleId] = useState<string | undefined>(undefined)
-    const [workbookId, setWorkbookId] = useState<string | undefined>(undefined)
+    const [articleId, setArticleId] = useState<string | null>(null)
+    const [workbookId, setWorkbookId] = useState<string | null>(null)
 
     useEffect(function getArticleInfo () {
         const curArticleId = getCookie('articleId');
diff --git a/src/subscription/hooks/useUnsubscribeForm.tsx b/src/subscription/hooks/useUnsubscribeForm.tsx
index ec7b1712..8b3db849 100644
--- a/src/subscription/hooks/useUnsubscribeForm.tsx
+++ b/src/subscription/hooks/useUnsubscribeForm.tsx
@@ -15,7 +15,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 
 export const useUnsubscribeForm = () => {
   const { toast } = useToast();
-  const [email, setEmail] = useState<string | undefined>(undefined);
+  const [email, setEmail] = useState<string | null>(null);
 
   useEffect(function getEmailFromCookie() {
     const userEmail = getCookie('user-email');
diff --git a/src/subscription/remotes/postUnsubscriptionQueryOptions.ts b/src/subscription/remotes/postUnsubscriptionQueryOptions.ts
index 5c8e60eb..41ec88b9 100644
--- a/src/subscription/remotes/postUnsubscriptionQueryOptions.ts
+++ b/src/subscription/remotes/postUnsubscriptionQueryOptions.ts
@@ -15,7 +15,7 @@ export const unsubscribeWorkbook = (
   return axiosRequest("post", API_ROUTE.UNSUBSCRIBE(), body);
 };
 
-export const unsubscribeWorkbookOptions = (email: string | undefined): UseMutationOptions<
+export const unsubscribeWorkbookOptions = (email: string | null): UseMutationOptions<
   ApiResponse<MessageOnlyResponse>,
   Error,
   UnsubscribeBody
diff --git a/src/subscription/utils/index.ts b/src/subscription/utils/index.ts
index 0fdeffd5..ed6bf7d7 100644
--- a/src/subscription/utils/index.ts
+++ b/src/subscription/utils/index.ts
@@ -1,8 +1,8 @@
-export const getCookie = (name: string): string | undefined => {
+export const getCookie = (name: string): string | null => {
   const value = `; ${document.cookie}`;
   const parts = value.split(`; ${name}=`);
   if (parts.length === 2) {
-    return parts.pop()?.split(";").shift();
+    return parts.pop()?.split(";").shift() as string
   }
-  return undefined;
+  return null;
 };