diff --git a/src/components/atoms/Lottie.tsx b/src/components/atoms/Lottie.tsx
index cc1d35c..68ea74f 100644
--- a/src/components/atoms/Lottie.tsx
+++ b/src/components/atoms/Lottie.tsx
@@ -3,7 +3,15 @@ import animationData from './../../assets/lottie.webp';
import Image from 'next/image';
const LottieComponent = () => {
- return ;
+ return (
+
+ );
};
export default LottieComponent;
diff --git a/src/components/organisms/FridgeBoard.tsx b/src/components/organisms/FridgeBoard.tsx
index 7a5200e..9813274 100644
--- a/src/components/organisms/FridgeBoard.tsx
+++ b/src/components/organisms/FridgeBoard.tsx
@@ -1,5 +1,5 @@
import React, { useRef, useState } from 'react';
-import { Container } from '@/components/atoms';
+import { Container, Lottie } from '@/components/atoms';
import { EmptyBox, FridgeTab, IngredientItemBox } from '@/components/molecules';
import { IngredientModal } from '.';
import {
@@ -11,7 +11,6 @@ import {
} from '@chakra-ui/react';
import { useGetFridgeContentById } from '@/hooks/queries/fridge';
import { useObserver } from '@/hooks/useObserver';
-import { SuspenseFallback } from '../templates';
import { useRouter } from 'next/router';
const FridgeBoard: React.FC = () => {
@@ -109,11 +108,7 @@ const FridgeBoard: React.FC = () => {
),
)}
- {isFetchingIngredientNextPage ? (
-
- ) : (
-
- )}
+ {isFetchingIngredientNextPage ? : }
>