Merge branch 'console-community-page' of https://github.com/Bhumikagarggg/website into console-community-page

Author: Bhumikagarggg

next.config.js

@@ -1,7 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
-  output: 'export',
   pageExtensions: ['page.tsx'],
   images: {
     unoptimized: true,
@@ -44,7 +43,7 @@ const nextConfig = {
 
     fileLoaderRule.exclude = /\.svg$/i;
     return config;
-  },
+  },  
 };
 
 module.exports = nextConfig;

pages/blog/index.page.tsx

@@ -35,7 +35,7 @@ const getCategories = (frontmatter: any): blogCategories[] => {
   return Array.isArray(cat) ? cat : [cat];
 };
 
-export async function getStaticProps({ query }: { query: any }) {
+export async function getStaticProps() {
   const files = fs.readdirSync(PATH);
   const blogPosts = files
     .filter((file) => file.substr(-3) === '.md')
@@ -54,15 +54,12 @@ export async function getStaticProps({ query }: { query: any }) {
     });
 
   await generateRssFeed(blogPosts);
-
-  const filterTag: string = query?.type || 'All';
-
   return {
     props: {
       blogPosts,
-      filterTag,
     },
-  };
+};
+
 }
 
 function isValidCategory(category: any): category is blogCategories {
@@ -86,10 +83,11 @@ export default function StaticMarkdownPage({
 }) {
   const router = useRouter();
   // Initialize the filter as an array. If "All" or not specified, we show all posts.
-  const initialFilters =
-    filterTag && filterTag !== 'All'
-      ? filterTag.split(',').filter(isValidCategory)
-      : ['All'];
+  const initialFilters = router.query.type
+  ? ((router.query.type as string)
+      .split(',')
+      .filter(isValidCategory) as blogCategories[])
+  : ['All'] as blogCategories[];
 
   const [currentFilterTags, setCurrentFilterTags] =
     useState<blogCategories[]>(initialFilters);