fix: toast/viewer에 key값 추가 (#117)

PoolC · Jul 23, 2024 · 3054a4f · 3054a4f
1 parent 3480547
commit 3054a4f
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 33 deletions.
diff --git a/apps/web-client/src/components/activity/ActivityDetail/ActivityDetail.jsx b/apps/web-client/src/components/activity/ActivityDetail/ActivityDetail.jsx
@@ -113,7 +113,7 @@ const ActivityDetail = ({ loading, activity, activityMembers, activityMemberIDs,
               <PlanContainer>
                 <h2 className="title">계획서</h2>
                 <PlanContents>
-                  <Viewer initialValue={activity.description} />
+                  <Viewer initialValue={activity.description} key={activity.description} />
                 </PlanContents>
                 <FileContainerTitle>첨부된 파일 목록</FileContainerTitle>
                 <FileContainer>

diff --git a/apps/web-client/src/components/activity/Session/Session.jsx b/apps/web-client/src/components/activity/Session/Session.jsx
@@ -21,7 +21,7 @@ const Session = ({ session, memberInfo, activityID, attendance, host }) => {
         <Date>{date}</Date>
         <Date>({hour}시간 진행)</Date>
         <Description>
-          <Viewer initialValue={description} />
+          <Viewer initialValue={description} key={description} />
         </Description>
         {isLogin && (
           <>

diff --git a/apps/web-client/src/components/board/BoardJobWriteSection.tsx b/apps/web-client/src/components/board/BoardJobWriteSection.tsx
@@ -8,7 +8,6 @@ import { Link, useHistory } from 'react-router-dom';
 import { stringify } from 'qs';
 import { createStyles } from 'antd-style';
 import { UploadOutlined } from '@ant-design/icons';
-import { useQueryClient } from '@tanstack/react-query';
 import { ApiError, CustomApi, PostControllerService, PostCreateRequest, queryKey, useAppMutation, useAppQuery } from '~/lib/api-v2';
 import { Block, WhiteBlock } from '~/styles/common/Block.styles';
 import { MENU } from '~/constants/menus';
@@ -58,7 +57,6 @@ export default function BoardJobWriteSection({ postId }: { postId: number }) {
   const { styles } = useStyles();
   const message = useMessage();
   const history = useHistory();
-  const queryClient = useQueryClient();
 
   const editorRef = useRef<Editor | null>(null);
   const form = useForm<z.infer<typeof schema>>({
@@ -166,11 +164,7 @@ export default function BoardJobWriteSection({ postId }: { postId: number }) {
         {
           onSuccess() {
             message.success('글이 수정되었습니다.');
-            queryClient
-              .invalidateQueries({
-                queryKey: queryKey.post.post(postId),
-              })
-              .then(() => history.push(`/${MENU.BOARD}/${postId}`));
+            history.push(`/${MENU.BOARD}/${postId}`);
           },
         },
       );
@@ -195,11 +189,7 @@ export default function BoardJobWriteSection({ postId }: { postId: number }) {
         {
           onSuccess() {
             message.success('글이 작성되었습니다.');
-            queryClient
-              .invalidateQueries({
-                queryKey: queryKey.post.all('JOB', 0),
-              })
-              .then(() => history.push(`/${MENU.BOARD}?${stringify({ boardType: 'JOB' })}`));
+            history.push(`/${MENU.BOARD}?${stringify({ boardType: 'JOB' })}`);
           },
         },
       );

diff --git a/apps/web-client/src/components/board/BoardNormalWriteSection.tsx b/apps/web-client/src/components/board/BoardNormalWriteSection.tsx
@@ -56,7 +56,6 @@ export default function BoardNormalWriteSection({ boardType, postId }: { boardTy
   const history = useHistory();
   const message = useMessage();
   const loginId = useAppSelector((state) => state.auth.user.memberId);
-  const queryClient = useQueryClient();
 
   const editorRef = useRef<Editor | null>(null);
 
@@ -120,11 +119,7 @@ export default function BoardNormalWriteSection({ boardType, postId }: { boardTy
         {
           onSuccess() {
             message.success('글이 수정되었습니다.');
-            queryClient
-              .invalidateQueries({
-                queryKey: queryKey.post.post(postId),
-              })
-              .then(() => history.push(`/${MENU.BOARD}/${postId}`));
+            history.push(`/${MENU.BOARD}/${postId}`);
           },
         },
       );
@@ -145,11 +140,7 @@ export default function BoardNormalWriteSection({ boardType, postId }: { boardTy
         {
           onSuccess() {
             message.success('글이 작성되었습니다.');
-            queryClient
-              .invalidateQueries({
-                queryKey: queryKey.post.all(boardType, 0),
-              })
-              .then(() => history.push(`/${MENU.BOARD}?${stringify({ boardType })}`));
+            history.push(`/${MENU.BOARD}?${stringify({ boardType })}`);
           },
         },
       );

diff --git a/apps/web-client/src/components/intro/IntroPoolc.tsx b/apps/web-client/src/components/intro/IntroPoolc.tsx
@@ -87,7 +87,7 @@ const Intro = () => {
     <WhiteNarrowBlock>
       <Title>PoolC 소개</Title>
       <Body>
-        <Viewer initialValue={info.introduction ?? ''} />
+        <Viewer initialValue={info.introduction ?? ''} key={info.introduction ?? ''} />
       </Body>
       <Title>동아리방 위치</Title>
       <StyledImage src={getFileUrl(info.locationUrl)} />

diff --git a/apps/web-client/src/components/projects/ProjectDetail/ProjectDetail.jsx b/apps/web-client/src/components/projects/ProjectDetail/ProjectDetail.jsx
@@ -45,7 +45,7 @@ const ProjectDetail = ({ project, member }) => {
           <IntroductionContainer>
             <Introduction>
               <BodyContainer className="here">
-                <Viewer initialValue={body} />
+                <Viewer initialValue={body} key={body} />
               </BodyContainer>
             </Introduction>
           </IntroductionContainer>

diff --git a/apps/web-client/src/pages/board/BoardDetailPage.tsx b/apps/web-client/src/pages/board/BoardDetailPage.tsx
@@ -243,11 +243,7 @@ export default function BoardDetailPage() {
           message.success('삭제되었습니다.');
           // TODO: assert 이용해서 수정
           const boardType = post!.boardType!;
-          queryClient
-            .invalidateQueries({
-              queryKey: queryKey.post.all(boardType, 0),
-            })
-            .then(() => history.push(`/${MENU.BOARD}?${stringify({ boardType })}`));
+          history.push(`/${MENU.BOARD}?${stringify({ boardType })}`);
         },
       },
     );
@@ -311,7 +307,7 @@ export default function BoardDetailPage() {
               <Typography.Title level={2}>{post.title}</Typography.Title>
             )}
             <div className={styles.content}>
-              <Viewer initialValue={post.body} />
+              <Viewer initialValue={post.body} key={post.body} />
             </div>
             {post.fileList && post.fileList.length > 0 && (
               <div className={styles.fileListBox}>