diff --git a/src/components/organisms/FridgeInfoBox.tsx b/src/components/organisms/FridgeInfoBox.tsx
index c1846bc..05f3192 100644
--- a/src/components/organisms/FridgeInfoBox.tsx
+++ b/src/components/organisms/FridgeInfoBox.tsx
@@ -12,7 +12,7 @@ const FridgeInfoBox: React.FC<{
isOkIngredientAdd?: boolean;
}> = ({ currentFridgeInfo, fridgeName, userName = '', toggleIsOpenFridgeListModal, isOkIngredientAdd }) => {
const router = useRouter();
- const { fridgeid, name } = router.query;
+
return (
@@ -27,7 +27,7 @@ const FridgeInfoBox: React.FC<{
className="rounded-6 w-[100px] p-[10px] body1-semibold bg-primary2 text-white"
text="식자재 추가"
onClick={() => {
- void router.push(`/fridge/add?fridgeid=${fridgeid as string}&name=${name as string}`);
+ void router.push(`/fridge/add?fridgeid=${currentFridgeInfo.fridgeId}&name=${currentFridgeInfo.fridgeName}`);
}}
/>
)}
diff --git a/src/pages/fridge/index.tsx b/src/pages/fridge/index.tsx
index cbd4a19..4050b8b 100644
--- a/src/pages/fridge/index.tsx
+++ b/src/pages/fridge/index.tsx
@@ -7,8 +7,10 @@ import { useEffect, useState } from 'react';
import withLogin from '@/components/templates/withLogin';
import useGetMyFridgeList from '@/hooks/queries/fridge/useGetFridgeList';
import type { CurrentFridgeInfoType } from '@/types/fridge';
+import { useRouter } from 'next/router';
const FridgePage: NextPage = () => {
+ const router = useRouter();
const [currentFridgeInfo, setCurrentFridgeInfo] = useState({
username: null,
fridgeId: 0,
@@ -23,10 +25,16 @@ const FridgePage: NextPage = () => {
const fridgeList = useGetMyFridgeList();
const { nickname } = useGetMe();
+ const { fridgeid, name } = router.query;
+
useEffect(() => {
if (!fridgeList || fridgeList.length < 0) {
return;
}
+ if (fridgeid) {
+ setCurrentFridgeInfo({ username: null, fridgeId: Number(fridgeid), fridgeName: name as string });
+ return;
+ }
setCurrentFridgeInfo({ username: null, fridgeId: fridgeList[0].id, fridgeName: fridgeList[0].name });
}, [fridgeList]);