fix: resolve existing typecheck errors

Author: Abhash-Chakraborty

src/components/blogCarousel/blogCard.tsx

@@ -85,7 +85,8 @@ const BlogCard = ({ type, date, title, content, imageUrl, id, authors }) => {
                               onError={(e) => {
                                 const target = e.currentTarget;
                                 target.style.display = "none";
-                                const fallback = target.nextElementSibling;
+                                const fallback =
+                                  target.nextElementSibling as HTMLElement | null;
                                 if (fallback) fallback.style.display = "flex";
                               }}
                             />

src/components/discussions/DiscussionCard.tsx

@@ -129,7 +129,8 @@ export default function DiscussionCard({
               onError={(e) => {
                 const target = e.currentTarget;
                 target.style.display = "none";
-                const fallback = target.nextElementSibling;
+                const fallback =
+                  target.nextElementSibling as HTMLElement | null;
                 if (fallback) fallback.style.display = "flex";
               }}
             />

src/pages/blogs/index.tsx

@@ -297,7 +297,8 @@ const BlogCard = ({ blog, index }) => {
                             onError={(e) => {
                               const target = e.currentTarget;
                               target.style.display = "none";
-                              const fallback = target.nextElementSibling;
+                              const fallback =
+                                target.nextElementSibling as HTMLElement | null;
                               if (fallback) fallback.style.display = "flex";
                             }}
                           />

src/pages/merch/index.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import type { ReactNode } from "react";
 import Layout from "@theme/Layout";
-import { motion } from "framer-motion";
+import { motion, type Variants } from "framer-motion";
 import ProductGrid from "../../components/merch/ProductGrid";
 import FilterBar from "../../components/merch/FilterBar";
 import ShoppingCart from "../../components/merch/ShoppingCart";
@@ -83,15 +83,15 @@ const sampleProducts: Product[] = [
   },
 ];
 
-const containerVariants = {
+const containerVariants: Variants = {
   hidden: { opacity: 0 },
   show: {
     opacity: 1,
     transition: { staggerChildren: 0.2 }
   }
 };
 
-const itemVariants = {
+const itemVariants: Variants = {
   hidden: { opacity: 0, y: 20 },
   show: { opacity: 1, y: 0, transition: { duration: 0.5, ease: "easeOut" } }
 };

src/theme/Navbar/Content/index.tsx

@@ -38,18 +38,24 @@ function NavbarItems({ items }: { items: NavbarItemConfig[] }): ReactNode {
   return (
     <>
       {items.map((item, i) => {
-        const key = `${item.label || item.to || item.href || "item"}-${i}`;
+        const itemKey =
+          ("label" in item && item.label) ||
+          ("to" in item && item.to) ||
+          ("href" in item && item.href) ||
+          "item";
+        const key = `${itemKey}-${i}`;
         return (
           <ErrorCauseBoundary
             key={key}
-            onError={(error) =>
-              new Error(
+            onError={(error) => {
+              const boundaryError = new Error(
                 `A theme navbar item failed to render.
 Please double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:
 ${JSON.stringify(item, null, 2)}`,
-                { cause: error },
-              )
-            }
+              );
+              (boundaryError as Error & { cause?: unknown }).cause = error;
+              return boundaryError;
+            }}
           >
             <NavbarItem {...item} />
           </ErrorCauseBoundary>

src/types/global.d.ts

@@ -34,7 +34,7 @@ declare module "@docusaurus/theme-common" {
 
   export function useThemeConfig(): any;
   export function usePluralForm(): any;
-  export function isMultiColumnFooterLinks(): any;
+  export function isMultiColumnFooterLinks(links: any): any;
   export const ThemeClassNames: any;
   export const ErrorCauseBoundary: any;
 }
@@ -90,7 +90,10 @@ declare module "@site/src/lib/utils" {
 }
 
 declare module "@site/src/utils/jsUtils" {
-  export function sortBy(array: any[], key: string): any[];
+  export function sortBy<T>(
+    array: T[],
+    getter: (item: T) => string | number | boolean,
+  ): T[];
 }
 
 declare module "@site/src/services/github" {
@@ -100,6 +103,24 @@ declare module "@site/src/services/github" {
   }
 }
 
+declare module "@site/src/services/githubService" {
+  export const githubService: {
+    setToken(token: string): void;
+    fetchDiscussions(limit?: number, signal?: AbortSignal): Promise<any[]>;
+  };
+  export interface GitHubDiscussion {
+    [key: string]: any;
+  }
+}
+
+declare module "@site/src/utils/useSafeColorMode" {
+  export function useSafeColorMode(): {
+    colorMode: "light" | "dark";
+    isDark: boolean;
+    mounted: boolean;
+  };
+}
+
 declare module "@site/src/components/ui/button" {
   export const Button: any;
 }
@@ -108,25 +129,17 @@ declare module "@site/src/database/sponsors" {
   export interface Sponsor {
     [key: string]: any;
   }
+  const sponsors: Sponsor[];
+  export default sponsors;
 }
 
 declare module "@site/src/data/users" {
-  export interface Tag {
-    [key: string]: any;
-  }
-  export interface TagList {
-    [key: string]: any;
-  }
-  export interface Tags {
-    [key: string]: any;
-  }
-  export interface TagType {
-    [key: string]: any;
-  }
-  export interface User {
-    [key: string]: any;
-  }
-  export const sortedUsers: any;
+  export type Tag = import("../data/users").Tag;
+  export type TagType = import("../data/users").TagType;
+  export type User = import("../data/users").User;
+  export const Tags: { [type in TagType]: Tag };
+  export const TagList: TagType[];
+  export const sortedUsers: User[];
 }
 
 // Catch-all for any missing modules