fix:remove the query param from getStaticProps function and remove filterTag as well

Author: Bhumikagarggg

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,14 +83,16 @@ 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);
 
+
   // When the router query changes, update the filters.
   useEffect(() => {
     const { query } = router;