Merge pull request #2073 from line/fix/image-preview-bug

fix: image preview bug

Author: jihun

apps/web/next.config.js

@@ -7,7 +7,7 @@ createJiti(fileURLToPath(import.meta.url))('./src/env');
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  reactStrictMode: process.env.NODE_ENV === 'production',
+  reactStrictMode: true,
   i18n: i18nConfig.default.i18n,
   output: 'standalone',
   eslint: { ignoreDuringBuilds: true },

apps/web/src/pages/main/project/[projectId]/feedback.tsx

@@ -65,7 +65,10 @@ const FeedbackManagementPage: NextPageWithLayout<IProps> = (props) => {
     return channels?.items.find((channel) => channel.id === currentChannelId);
   }, [channels, currentChannelId]);
 
-  const fields = (channelData?.fields ?? []).sort((a, b) => a.order - b.order);
+  const fields = useMemo(
+    () => [...(channelData?.fields ?? [])].sort((a, b) => a.order - b.order),
+    [channelData],
+  );
 
   const filterFields = useMemo(() => {
     return (channelData?.fields ?? [])

apps/web/src/shared/ui/feedback-image.tsx

@@ -32,12 +32,6 @@ const FeedbackImage = ({ url, onClick }: Props) => {
   const { data: channelData } = useOAIQuery({
     path: '/api/admin/projects/{projectId}/channels/{channelId}',
     variables: { channelId, projectId },
-    queryOptions: {
-      enabled:
-        router.isReady &&
-        Number.isFinite(projectId) &&
-        Number.isFinite(channelId),
-    },
   });
 
   const imageKey = useMemo(() => {