fix: unique한 key값으로 변경

Author: hsgh085

src/pages/MyPage/HistoryPage/TabPage/BookmarksPage/BookmarksPage.tsx

@@ -14,6 +14,7 @@ import { createRangeArray } from '@/utils/array';
 import { useQueryClient } from '@tanstack/react-query';
 import React, { useState } from 'react';
 import { bookmarksBtnContainer } from './BookmarksPage.style';
+import { v4 as uuidv4 } from 'uuid';
 
 const BookmarksPage = () => {
   const [selectedPage, setSelectedPage] = useState(1);
@@ -63,7 +64,7 @@ const BookmarksPage = () => {
             return (
               <ItemMyBookmarksPosts
                 id={item.postId.toString()}
-                key={item.postId}
+                key={uuidv4()}
                 item={item}
                 isChecked={checkItems.includes(item.postId.toString())}
                 handleChecked={handleSingleChecked}

src/pages/MyPage/HistoryPage/TabPage/CommentsPage.tsx

@@ -9,6 +9,7 @@ import { MyCommentsPostsContentType } from '@/types/mypage';
 import { createRangeArray } from '@/utils/array';
 import { useQueryClient } from '@tanstack/react-query';
 import React, { useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
 
 const CommentsPage = () => {
   const [selectedPage, setSelectedPage] = useState(1);
@@ -34,7 +35,7 @@ const CommentsPage = () => {
             return (
               <ItemMyCommentsPosts
                 id={item.postId.toString()}
-                key={item.postId}
+                key={uuidv4()}
                 item={item}
               />
             );

src/pages/MyPage/HistoryPage/TabPage/PostsPage.tsx

@@ -9,6 +9,7 @@ import { MyPostsContentType } from '@/types/mypage';
 import { createRangeArray } from '@/utils/array';
 import { useQueryClient } from '@tanstack/react-query';
 import React, { useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
 
 const PostsPage = () => {
   const [selectedPage, setSelectedPage] = useState(1);
@@ -32,7 +33,7 @@ const PostsPage = () => {
             return (
               <ItemMyPosts
                 id={item.postId.toString()}
-                key={item.postId}
+                key={uuidv4()}
                 item={item}
               />
             );

src/pages/MyPage/HistoryPage/TabPage/VotedPostsPage.tsx

@@ -9,6 +9,7 @@ import { MyVotedPostsContentType } from '@/types/mypage';
 import { createRangeArray } from '@/utils/array';
 import { useQueryClient } from '@tanstack/react-query';
 import React, { useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
 
 const VotedPostsPage = () => {
   const [selectedPage, setSelectedPage] = useState(1);
@@ -32,7 +33,7 @@ const VotedPostsPage = () => {
             return (
               <ItemMyVotedPosts
                 id={item.postId.toString()}
-                key={item.postId}
+                key={uuidv4()}
                 item={item}
               />
             );