fix: client component rendering

web/components/analytics/custom-analytics/graph/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 // nivo
 import { BarDatum } from "@nivo/bar";
 // components

web/components/analytics/custom-analytics/main-content.tsx

@@ -1,16 +1,17 @@
+"use client";
+
 import { useParams } from "next/navigation";
 import { mutate } from "swr";
-import { IAnalyticsParams, IAnalyticsResponse } from "@plane/types";
-
-// components
-import { Button, Loader } from "@plane/ui";
-import { AnalyticsGraph, AnalyticsTable } from "@/components/analytics";
-// ui
-// helpers
-import { ANALYTICS } from "@/constants/fetch-keys";
-import { convertResponseToBarGraphData } from "@/helpers/analytics.helper";
 // types
+import { IAnalyticsParams, IAnalyticsResponse } from "@plane/types";
+// ui
+import { Button, Loader } from "@plane/ui";
+// components
+import { AnalyticsGraph, AnalyticsTable } from "@/components/analytics";
 // fetch-keys
+import { ANALYTICS } from "@/constants/fetch-keys";
+// helpers
+import { convertResponseToBarGraphData } from "@/helpers/analytics.helper";
 
 type Props = {
   analytics: IAnalyticsResponse | undefined;

web/components/analytics/custom-analytics/select/project.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { observer } from "mobx-react";
 // hooks
 import { CustomSearchSelect } from "@plane/ui";

web/components/analytics/custom-analytics/select/segment.tsx

@@ -1,6 +1,7 @@
+"use client";
+
 import { useParams } from "next/navigation";
 import { IAnalyticsParams, TXAxisValues } from "@plane/types";
-
 // ui
 import { CustomSelect } from "@plane/ui";
 

web/components/analytics/custom-analytics/select/x-axis.tsx

@@ -1,6 +1,7 @@
+"use client";
+
 import { useParams } from "next/navigation";
 import { IAnalyticsParams, TXAxisValues } from "@plane/types";
-
 // ui
 import { CustomSelect } from "@plane/ui";
 

web/components/analytics/custom-analytics/select/y-axis.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { observer } from "mobx-react";
 import { TYAxisValues } from "@plane/types";
 import { CustomSelect } from "@plane/ui";

web/components/analytics/custom-analytics/sidebar/sidebar.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
@@ -159,8 +161,8 @@ export const CustomAnalyticsSidebar: React.FC<Props> = observer((props) => {
               (cycleId
                 ? cycleDetails?.created_at
                 : moduleId
-                ? moduleDetails?.created_at
-                : projectDetails?.created_at) ?? ""
+                  ? moduleDetails?.created_at
+                  : projectDetails?.created_at) ?? ""
             )}
           </div>
         )}

web/components/analytics/custom-analytics/table.tsx

@@ -1,5 +1,6 @@
-import { BarDatum } from "@nivo/bar";
+"use client";
 
+import { BarDatum } from "@nivo/bar";
 // icons
 import { IAnalyticsParams, IAnalyticsResponse, TIssuePriorities } from "@plane/types";
 import { PriorityIcon } from "@plane/ui";

web/components/analytics/scope-and-demand/scope-and-demand.tsx

@@ -1,14 +1,13 @@
+"use client";
 import { useParams } from "next/navigation";
-
 import useSWR from "swr";
-
-// services
-// components
-import { Button, Loader } from "@plane/ui";
-import { AnalyticsDemand, AnalyticsLeaderBoard, AnalyticsScope, AnalyticsYearWiseIssues } from "@/components/analytics";
 // ui
+import { Button, Loader } from "@plane/ui";
+// components
+import { AnalyticsDemand, AnalyticsLeaderBoard, AnalyticsScope, AnalyticsYearWiseIssues } from "@/components/analytics";
 // fetch-keys
 import { DEFAULT_ANALYTICS } from "@/constants/fetch-keys";
+// services
 import { AnalyticsService } from "@/services/analytics.service";
 
 type Props = {