fix: resolve Next.js Link type mismatches by casting with any and updating tsconfig configuration

Author: infinitedim

src/components/admin/AdminSidebar.tsx

@@ -94,7 +94,8 @@ export function AdminSidebar() {
               return (
                 <Link
                   key={item.href}
-                  href={item.href}
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  href={item.href as any}
                   onClick={() => setIsOpen(false)}
                   className={`flex items-center gap-4 px-4 py-3 text-xs uppercase tracking-[0.15em] font-sans transition-all duration-300 ${
                     isActive

src/components/atoms/Text/Text.component.tsx

@@ -8,7 +8,8 @@ import { Text } from "./Text.variant";
 
 const CustomLinkComponent = forwardRef<
   HTMLAnchorElement,
-  LinkProps & { className?: string }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  LinkProps<any> & { className?: string }
 >(({ className, href, ...props }, ref) => (
   <Link
     href={href}

src/components/molecules/Footer.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
 import { memo } from "react";
@@ -54,7 +55,7 @@ function Footer() {
               {exploreMenus.map((menu) => (
                 <Link
                   key={menu.name}
-                  href={menu.route}
+                  href={menu.route as any}
                   className="group relative text-sm text-zinc-400 hover:text-white transition-colors duration-300 w-fit"
                 >
                   {menu.name}
@@ -70,7 +71,7 @@ function Footer() {
               {companyMenus.map((menu) => (
                 <Link
                   key={menu.name}
-                  href={menu.route}
+                  href={menu.route as any}
                   className="group relative text-sm text-zinc-400 hover:text-white transition-colors duration-300 w-fit"
                 >
                   {menu.name}
@@ -86,7 +87,7 @@ function Footer() {
               {socialMenus.map((menu) => (
                 <Link
                   key={menu.name}
-                  href={menu.route}
+                  href={menu.route as any}
                   target="_blank"
                   rel="noopener noreferrer"
                   className="group relative text-sm text-zinc-400 hover:text-white transition-colors duration-300 w-fit"

tsconfig.json

@@ -40,12 +40,13 @@
   },
   "include": [
     "next-env.d.ts",
+    "ts-reset.d.ts",
     "**/*.ts",
     "**/*.tsx",
     ".next/types/**/*.ts",
     ".next/dev/types/**/*.ts"
   ],
   "exclude": [
-    "node_modules"
+    "node_modules/**/*"
   ]
 }