dh_demo

commit 81d71c6596aa99501aeaa07e8776169b257ee6a3
parent 92c7191fac84e7c52387b27b546948f700bd1d4f
Author: Yongbin Kim <iam@yongbin.kim>
Date:   Sun, 29 Jan 2023 14:47:20 +0900

fix: Pagination 컴포넌트에서 key prop을 사용하지 않던 문제 수정

Signed-off-by: Yongbin Kim <iam@yongbin.kim>

Diffstat:
M
components/Pagination.tsx
 | 
3
++-

1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/components/Pagination.tsx b/components/Pagination.tsx
@@ -27,13 +27,14 @@ export function Pagination (props: PaginationProps) {
     for (let i = from; i <= to; i++) {
       if (i === props.page) {
         items.push(
-          <span className={styles.item}>{i}</span>,
+          <span key={`page-${i}`} className={styles.item}>{i}</span>,
         )
         continue
       }
 
       items.push(
         <Link
+          key={`page-${i}`}
           href={{
             pathname: router.pathname,
             query: {