From 44cff851d497338cb1ede9fe6bfd53ceb92bcb1b Mon Sep 17 00:00:00 2001
From: althafdaa <althafdemiandraakbar@gmail.com>
Date: Sun, 18 Aug 2024 21:39:43 +0700
Subject: [PATCH] revert: back to ssr

---
 src/pages/[circleSlug]/index.tsx | 50 +++++++++++++++-----------------
 1 file changed, 23 insertions(+), 27 deletions(-)

diff --git a/src/pages/[circleSlug]/index.tsx b/src/pages/[circleSlug]/index.tsx
index c54df15..33bb382 100644
--- a/src/pages/[circleSlug]/index.tsx
+++ b/src/pages/[circleSlug]/index.tsx
@@ -1,11 +1,11 @@
 import EachPageLayout from '@/components/general/EachPageLayout';
 import {
-  //   getCircleBySlugOptions,
+  getCircleBySlugOptions,
   useGetCircleBySlug,
 } from '@/hooks/circle/useGetCircleBySlug';
 import { prettifyError } from '@/utils/helper';
-// import { dehydrate, QueryClient } from '@tanstack/react-query';
-// import { GetServerSidePropsContext } from 'next';
+import { dehydrate, QueryClient } from '@tanstack/react-query';
+import { GetServerSidePropsContext } from 'next';
 import SectionPartitionWrapper from '@/components/circle/detail-page/SectionPartitionWrapper';
 import GeneralInfoSection from '@/components/circle/detail-page/GeneralInfoSection';
 import FandomWorkTypeSection from '@/components/circle/detail-page/FandomWorkTypeSection';
@@ -16,35 +16,31 @@ import ProductSection from '@/components/circle/detail-page/ProductSection';
 import { Fragment } from 'react';
 import { NextSeo } from 'next-seo';
 
-// export const getServerSideProps = async (c: GetServerSidePropsContext) => {
-//   const circleSlug = c.query.circleSlug as string;
-//   const queryClient = new QueryClient();
+export const getServerSideProps = async (c: GetServerSidePropsContext) => {
+  const circleSlug = c.query.circleSlug as string;
+  const queryClient = new QueryClient();
 
-//   try {
-//     await queryClient.fetchQuery(
-//       getCircleBySlugOptions(c, circleSlug, { retry: 0, throwOnError: true }),
-//     );
-//   } catch (error) {
-//     return {
-//       notFound: true,
-//     };
-//   }
+  try {
+    await queryClient.fetchQuery(
+      getCircleBySlugOptions(c, circleSlug, { retry: 0, throwOnError: true }),
+    );
+  } catch (error) {
+    return {
+      notFound: true,
+    };
+  }
 
-//   const dehydratedState = dehydrate(queryClient);
+  const dehydratedState = dehydrate(queryClient);
 
-//   return {
-//     props: {
-//       dehydratedState,
-//     },
-//   };
-// };
+  return {
+    props: {
+      dehydratedState,
+    },
+  };
+};
 
 function CirclePage() {
-  const { error, isPending, data } = useGetCircleBySlug({
-    options: {
-      refetchOnMount: true,
-    },
-  });
+  const { error, isPending, data } = useGetCircleBySlug();
 
   const Content = () => {
     if (error) {