refactor: migrate eslint to v9

.lintstagedrc.cjs

@@ -16,7 +16,7 @@ module.exports = {
   "**/*.{js,ts,jsx,tsx}": async (files) => {
     const filesToLint = await removeIgnoredFiles(files);
 
-    return [`eslint -c .eslintrc.json --max-warnings=0 --fix ${filesToLint}`];
+    return [`eslint --max-warnings=0 --fix ${filesToLint}`];
   },
   "**/*.css": async (files) => {
     const filesToLint = await removeIgnoredFiles(files);

apps/docs/app/examples/autocomplete/async-filtering/page.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable no-console */
 "use client";
 
 import * as React from "react";

apps/docs/app/examples/table/custom-styles/page.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/no-onchange */
 "use client";
 
 import {

apps/docs/app/examples/table/use-case/page.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/no-onchange */
 "use client";
 
 import {

apps/docs/components/ads/carbon-ad/carbon-ad.tsx

@@ -91,7 +91,7 @@ export const CarbonAd: React.FC<unknown> = () => {
               setShowEthicalAds(true);
             }
           });
-        } catch (error) {
+        } catch {
           loadCarbonAds();
         }
       } else {

apps/docs/components/ads/carbon-ad/carbon-optimize.js

@@ -47,7 +47,6 @@ export default {
 
     if (!document.hidden) {
       if (typeof _carbonads !== "undefined" && isElementInViewport("#carbonads")) {
-        // eslint-disable-next-line no-undef
         _carbonads.refresh();
       }
     }

apps/docs/components/blog/video-in-view.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/media-has-caption */
 "use client";
 
 import {useInView} from "framer-motion";

apps/docs/components/cmdk.tsx

@@ -210,7 +210,7 @@ export const Cmdk: FC<{}> = () => {
     [query],
   );
 
-  const items = !isEmpty(results) ? results : recentSearches ?? [];
+  const items = !isEmpty(results) ? results : (recentSearches ?? []);
 
   // Toggle the menu when ⌘K / CTRL K is pressed
   useEffect(() => {

apps/docs/components/docs/components/code-demo/code-demo.tsx

@@ -19,14 +19,14 @@ const DynamicReactLiveDemo = dynamic(
   () => import("./react-live-demo").then((m) => m.ReactLiveDemo),
   {
     ssr: false,
-    // eslint-disable-next-line react/display-name
+
     loading: () => <Skeleton className="w-full h-24 rounded-xl" />,
   },
 );
 
 const DynamicSandpack = dynamic(() => import("../../../sandpack").then((m) => m.Sandpack), {
   ssr: false,
-  // eslint-disable-next-line react/display-name
+
   loading: () => <Skeleton className="w-full h-32 rounded-xl" />,
 });
 

apps/docs/components/marketing/a11y-otb.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-/* eslint-disable react/display-name */
 import {
   Button,
   Image,

apps/docs/components/marketing/custom-themes/custom-themes.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-/* eslint-disable react/display-name */
 import {useMemo, useState} from "react";
 import {Tabs, Tab, Card, CardBody, Image, Button, RadioGroup, Radio} from "@heroui/react";
 import NextLink from "next/link";

apps/docs/components/marketing/customization.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-/* eslint-disable react/display-name */
 import {Button, Link} from "@heroui/react";
 import NextLink from "next/link";
 

apps/docs/components/marketing/dark-mode.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-/* eslint-disable react/display-name */
 import {Code, Button, Tooltip} from "@heroui/react";
 import {useState} from "react";
 import NextLink from "next/link";

apps/docs/components/marketing/last-but-not-least.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable react/display-name */
-
 import {title, subtitle, titleWrapper, sectionWrapper} from "@/components/primitives";
 import {FeaturesGrid} from "@/components/marketing/features-grid";
 import landingContent from "@/content/landing";

apps/docs/components/marketing/support.tsx

@@ -9,7 +9,7 @@ async function getData() {
     return {
       sponsors,
     };
-  } catch (error) {
+  } catch {
     throw new Error("Failed to fetch data");
   }
 }

apps/docs/components/mdx-components.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react/display-name */
 import {clsx} from "@heroui/shared-utils";
 import * as Components from "@heroui/react";
 import {Language} from "prism-react-renderer";

apps/docs/hooks/use-scroll-position.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-undef */
 import * as React from "react";
 
 export function useScrollPosition(ref: React.MutableRefObject<HTMLElement | null>) {

apps/docs/hooks/use-scroll-spy.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-undef */
 import * as React from "react";
 
 export function useScrollSpy(selectors: string[], options?: IntersectionObserverInit) {

apps/docs/hooks/use-update-effect.ts

@@ -16,7 +16,6 @@ export const useUpdateEffect: typeof useEffect = (effect, deps) => {
       return effect();
     }
     effectCycleRef.current = true;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
 
   useEffect(() => {

apps/docs/libs/github/utils.ts

@@ -7,7 +7,7 @@ export interface GithubError extends Error {
 function getErrorText(res: Response) {
   try {
     return res.text();
-  } catch (err) {
+  } catch {
     return res.statusText;
   }
 }

apps/docs/libs/rehype-highlight-line.js

@@ -20,7 +20,6 @@ const lineNumberify = function lineNumberify(ast, lineNum = 1) {
         const lines = node.value.split("\n");
 
         for (let i = 0; i < lines.length; i++) {
-          // eslint-disable-next-line no-plusplus
           if (i !== 0) ++lineNumber;
           if (i === lines.length - 1 && lines[i].length === 0) continue;
           result.nodes.push({

apps/docs/scripts/build-sponsors.ts

@@ -48,7 +48,7 @@ async function build() {
   // make sure the sponsors directory exists
   try {
     await fs.access(sponsorsDir);
-  } catch (error) {
+  } catch {
     await fs.mkdir(sponsorsDir, { recursive: true });
   }
   await Promise.all([buildSponsors()])

apps/docs/scripts/update-github-info.ts

@@ -35,7 +35,7 @@ async function getGithubInfo() {
     };
 
     // Format JSON with prettier
-    const formattedJson = prettier.format(JSON.stringify(githubInfo), {
+    const formattedJson = await prettier.format(JSON.stringify(githubInfo), {
       parser: 'json',
       printWidth: 80,
       tabWidth: 2,

apps/docs/scripts/update-search-meta.ts

@@ -101,7 +101,7 @@ async function getSearchMeta(saveMode: "algolia" | "local" = "local") {
       try {
         result = await getMDXMeta(file);
         json.push(...result);
-      } catch (error) {}
+      } catch {}
     }
 
     if (saveMode === "local") {

apps/docs/utils/get-sponsors.ts

@@ -20,7 +20,7 @@ export const getSponsors = async () => {
     );
 
     return sponsors as Sponsor[];
-  } catch (error) {
+  } catch {
     return __PROD__ ? [] : mockData;
   }
 };