Merge pull request #2298 from line/fix/issue-cell

fix: enable turbopack for build and dev scripts; dynamically import InfiniteScrollArea

Author: jihun

apps/web/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "next build",
+    "build": "next build --turbopack",
     "clean": "git clean -xdf .next .turbo node_modules coverage .swc .cache",
     "dev": "next dev --turbopack",
     "format": "prettier --check . --ignore-path ../../.gitignore --ignore-path .prettierignore",

apps/web/src/entities/feedback/ui/issue-cell.tsx

@@ -14,6 +14,7 @@
  * under the License.
  */
 import { useMemo, useState } from 'react';
+import dynamic from 'next/dynamic';
 import { useRouter } from 'next/router';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'next-i18next';
@@ -37,7 +38,6 @@ import {
   client,
   cn,
   commandFilter,
-  InfiniteScrollArea,
   useOAIMutation,
   usePermissions,
 } from '@/shared';
@@ -47,6 +47,11 @@ import type { Issue } from '@/entities/issue';
 import { useFeedbackSearch } from '../lib';
 import AiIssueComboboxGroup from './ai-issue-combobox-group.ui';
 
+const InfiniteScrollArea = dynamic(
+  () => import('@/shared/ui/infinite-scroll-area.ui'),
+  { ssr: false },
+);
+
 interface IProps {
   issues?: Issue[];
   feedbackId?: number;

apps/web/src/shared/ui/index.ts

@@ -48,10 +48,10 @@ export { default as LanguageSelectBox } from './language-select-box.ui';
 export { default as AnonymousTemplate } from './anonymous-template.ui';
 export { default as ThemeSelectBox } from './theme-select-box.ui';
 export { default as SheetDetailTable } from './sheet-detail-table.ui';
-export * from './table-filter-popover';
 export { default as NoProjectDialogInProjectCreation } from './no-project-dialog-in-project-creation.ui';
 export { default as InfiniteScrollArea } from './infinite-scroll-area.ui';
 export { default as FeedbackImage } from './feedback-image';
 
+export * from './table-filter-popover';
 export * from './card.ui';
 export * from './slider.ui';