feat: Storybook에서 오류 수정을 위한 fragment로 변경

woowacourse-teams · Nov 22, 2024 · 87b4529 · 87b4529
1 parent 6f8fcc0
commit 87b4529
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/frontend/src/components/OptionsPanel/OptionsPanel.tsx b/frontend/src/components/OptionsPanel/OptionsPanel.tsx
@@ -14,6 +14,7 @@ interface OptionsPanelProps {
   maxHeight?: string;
 }
 
+import { Fragment } from 'react';
 import * as S from './OptionsPanel.style';
 
 import { useTheme } from '@emotion/react';
@@ -31,7 +32,7 @@ export default function OptionsPanel(props: OptionsPanelProps) {
   const theme = useTheme();
 
   return (
-    <>
+    <Fragment>
       <div onClick={onClose} css={S.dimmer} />
       <div
         css={S.panel({
@@ -57,6 +58,6 @@ export default function OptionsPanel(props: OptionsPanelProps) {
           );
         })}
       </div>
-    </>
+    </Fragment>
   );
 }
diff --git a/frontend/src/pages/Mypage/MyPage.tsx b/frontend/src/pages/Mypage/MyPage.tsx
@@ -53,7 +53,7 @@ export default function MyPage() {
           </InformationLayout.Header.Left>
           <InformationLayout.Header.Right>
             {!isEditing ? (
-              <>
+              <Fragment>
                 <button
                   css={S.AccountButton({ theme })}
                   onClick={handleEditClick}
@@ -66,9 +66,9 @@ export default function MyPage() {
                 >
                   <Setting />
                 </button>
-              </>
+              </Fragment>
             ) : (
-              <>
+              <Fragment>
                 {isShownRest && (
                   <button
                     css={S.AccountButton({ theme })}
@@ -93,7 +93,7 @@ export default function MyPage() {
                 <button css={S.AccountButton({ theme })} onClick={handleCancel}>
                   취소
                 </button>
-              </>
+              </Fragment>
             )}
           </InformationLayout.Header.Right>
         </InformationLayout.Header>