fix: 메인화면 CLS

wafflestudio · Jan 12, 2025 · f3d0994 · f3d0994
1 parent cc59b23
commit f3d0994
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/components/common/Image.tsx b/components/common/Image.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import clsx from 'clsx';
 // eslint-disable-next-line no-restricted-imports
 import NextImage, { getImageProps } from 'next/image';
 import { ComponentProps } from 'react';
@@ -14,6 +15,13 @@ export default function Image(props: ComponentProps<typeof NextImage>) {
   return (
     <img
       {...delegated}
+      className={clsx(
+        {
+          // 메인화면 background.png에 CLS가 발생해 수동으로 처리
+          absolute: props.fill,
+        },
+        props.className,
+      )}
       alt={alt}
       {...useStyle((_style) => {
         Object.assign(_style, style);