chore(eslint): update for new version

Author: kruton

eslint.config.mjs

@@ -6,7 +6,9 @@ export default antfu(
   {
     react: true,
     nextjs: true,
-    typescript: true,
+    typescript: {
+      tsconfigPath: 'tsconfig.json',
+    },
 
     // Configuration preferences
     lessOpinionated: true,
@@ -35,6 +37,7 @@ export default antfu(
   // --- Custom Rule Overrides ---
   {
     rules: {
+      'react/no-implicit-key': 'off', // Fixes linting errors on configuration files
       'antfu/no-top-level-await': 'off', // Allow top-level await
       'style/brace-style': ['error', '1tbs'], // Use the default brace style
       'ts/consistent-type-definitions': ['error', 'type'], // Use `type` instead of `interface`

src/app/404/page.tsx

@@ -1,6 +1,6 @@
 import dynamic from 'next/dynamic';
 
-const NotFoundCanvas = dynamic(() => import('@/components/NotFoundCanvas'), {
+const NotFoundCanvas = dynamic(async () => import('@/components/NotFoundCanvas'), {
   loading: () => <div style={{ height: '200px' }} />,
 });
 

src/app/[[...mdxPath]]/page.tsx

@@ -16,7 +16,7 @@ type PageProps = Readonly<{
   }>;
 }>;
 
-const Wrapper = getMDXComponents().wrapper;
+const Wrapper = getMDXComponents().wrapper!;
 
 const Page: FC<PageProps> = async (props) => {
   const params = await props.params;

src/components/NotFoundCanvas.tsx

@@ -121,7 +121,7 @@ export default function NotFoundCanvas() {
     };
 
     const drawScene = () => {
-      if (requestRef.current) {
+      if (requestRef.current !== undefined) {
         cancelAnimationFrame(requestRef.current);
       }
 
@@ -157,7 +157,8 @@ export default function NotFoundCanvas() {
       for (let y = 0, y2 = data.height; y < y2; y = y + 4) {
         for (let x = 0, x2 = data.width; x < x2; x = x + 4) {
           const index = (y * 4 * data.width) + (x * 4) + 3;
-          if (data.data[index] !== undefined && data.data[index]! > 128) {
+          const pixelValue = data.data[index];
+          if (pixelValue !== undefined && pixelValue > 128) {
             particlesRef.current.push(new Particle(x + padding, y + padding));
           }
         }
@@ -189,7 +190,7 @@ export default function NotFoundCanvas() {
     canvas.addEventListener('click', disperseParticlesMouse);
 
     return () => {
-      if (requestRef.current) {
+      if (requestRef.current !== undefined) {
         cancelAnimationFrame(requestRef.current);
       }
       window.removeEventListener('resize', drawScene);

src/mdx-components.tsx

@@ -9,9 +9,9 @@ const docsComponents = getDocsMDXComponents({
   QRCode,
 });
 
-export const useMDXComponents: UseMDXComponents<typeof docsComponents> = (
+export const useMDXComponents: UseMDXComponents<MDXComponents> = (
   components?: MDXComponents,
 ) => ({
   ...docsComponents,
   ...components,
-}) as any;
+});

src/theme.config.tsx

@@ -159,6 +159,7 @@ const config = {
   nextThemes: {
     defaultTheme: 'dark',
   },
+  // eslint-disable-next-line react/no-unnecessary-use-prefix
   useNextSeoProps() {
     return {
       titleTemplate: '%s | ConnectBot',