Fix/node version

app/actions/issue.ts

@@ -2,6 +2,8 @@
 
 import prisma from '@/prisma/client';
 
+export const dynamic = 'force-dynamic';
+
 export const getIssueDetail = async (id: number) => {
   const issue = await prisma.issue.findUnique({
     where: { id },

app/api/issue/route.ts

@@ -4,6 +4,8 @@ import { NextResponse } from 'next/server';
 import { createIssueSchema, searchParamsSchema } from '@/lib/validators';
 import prisma from '@/prisma/client';
 
+export const dynamic = 'force-dynamic';
+
 export const POST = async (req: NextRequest) => {
   const body = await req.json();
   const validation = createIssueSchema.safeParse(body);

app/dashboard/issue/board/Board.tsx

@@ -5,6 +5,7 @@ import type { Status } from '@prisma/client';
 import React, { useState } from 'react';
 
 import useUpdateIssue from '@/hooks/issue/useUpdateIssue';
+import { groupBy } from '@/lib/utils';
 import type { Issue } from '@/types';
 
 import Column from './Column';
@@ -27,7 +28,7 @@ const Board = ({ data }: React.PropsWithChildren<Props>) => {
   const { mutate: updateIssueStatus } = useUpdateIssue();
   const [taskStages, setTaskStages] = useState({
     ...initialState,
-    ...Object.groupBy(data, (item) => item.status),
+    ...groupBy<Issue, 'status'>(data, (item) => item.status),
   });
 
   const handleOnDragEnd = (event: DragEndEvent) => {

lib/utils.ts

@@ -14,3 +14,22 @@ export function formatDate(dateString: string, locales?: Intl.LocalesArgument) {
 export function capitalize(label: string) {
   return label.charAt(0).toUpperCase().concat(label.slice(1).toLowerCase());
 }
+
+export function groupBy<Type, Key extends keyof Type>(
+  list: Type[],
+  keyGetter: (item: Type) => Type[Key],
+): Record<Key, Type[]> {
+  const map = new Map<Type[Key], Type[]>();
+
+  list.forEach((item) => {
+    const key = keyGetter(item);
+    const collection = map.get(key);
+    if (!collection) {
+      map.set(key, [item]);
+    } else {
+      collection.push(item);
+    }
+  });
+
+  return Object.fromEntries(map);
+}