diff options
Diffstat (limited to 'lib/pq/pq-criteria/pq-table-column.tsx')
| -rw-r--r-- | lib/pq/pq-criteria/pq-table-column.tsx | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/lib/pq/pq-criteria/pq-table-column.tsx b/lib/pq/pq-criteria/pq-table-column.tsx index de7396bf..32d6cc32 100644 --- a/lib/pq/pq-criteria/pq-table-column.tsx +++ b/lib/pq/pq-criteria/pq-table-column.tsx @@ -1,6 +1,7 @@ "use client" import * as React from "react" +import { useMemo } from "react" import { ColumnDef } from "@tanstack/react-table" import { formatDate } from "@/lib/utils" import { Checkbox } from "@/components/ui/checkbox" @@ -179,7 +180,10 @@ export function getColumns({ header: ({ column }) => ( <DataTableColumnHeaderSimple column={column} title="생성일" /> ), - cell: ({ cell }) => formatDate(cell.getValue() as Date, "ko-KR"), + cell: ({ cell }) => { + const dateValue = cell.getValue() as Date + return useMemo(() => formatDate(dateValue, "ko-KR"), [dateValue]) + }, enableResizing: true, minSize: 180, size: 180, @@ -189,7 +193,10 @@ export function getColumns({ header: ({ column }) => ( <DataTableColumnHeaderSimple column={column} title="수정일" /> ), - cell: ({ cell }) => formatDate(cell.getValue() as Date, "ko-KR"), + cell: ({ cell }) => { + const dateValue = cell.getValue() as Date + return useMemo(() => formatDate(dateValue, "ko-KR"), [dateValue]) + }, enableResizing: true, minSize: 180, size: 180, |