Fixed: Fixed all the eslint warning.

.storybook/main.ts

@@ -1,31 +1,31 @@
-import type { StorybookConfig } from "@storybook/nextjs";
-import TsconfigPathsPlugin from "tsconfig-paths-webpack-plugin";
+import type { StorybookConfig } from '@storybook/nextjs'
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
 
 const config: StorybookConfig = {
-  stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  stories: ['../app/src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
     {
-      name: "@storybook/addon-styling",
+      name: '@storybook/addon-styling',
       options: {
         postCss: true,
       },
     },
   ],
   framework: {
-    name: "@storybook/nextjs",
+    name: '@storybook/nextjs',
     options: {},
   },
   docs: {
-    autodocs: "tag",
+    autodocs: 'tag',
   },
   webpackFinal: (config) => {
-    config.resolve!.plugins = [new TsconfigPathsPlugin()];
-    return config;
+    config.resolve!.plugins = [new TsconfigPathsPlugin()]
+    return config
   },
-  staticDirs: ["../public"],
-};
+  staticDirs: ['../public'],
+}
 
-export default config;
+export default config

.storybook/preview.ts

@@ -1,16 +1,16 @@
-import type { Preview } from "@storybook/react";
-import "./style.css";
+import type { Preview } from '@storybook/react'
+import './style.css'
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
+    actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
       matchers: {
         color: /(background|color)$/i,
         date: /Date$/,
       },
     },
   },
-};
+}
 
-export default preview;
+export default preview

routes/routes.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react'
 import {
   BarChartComponent,
   CheckboxGroupComponent,
@@ -8,7 +9,7 @@ import {
   TooltipComponent,
   PaginationComponent,
   TabsComponent,
-} from '~/components/ComponentsList'
+} from '../app/components/ComponentsList'
 
 interface routerPath {
   id: number
@@ -407,7 +408,7 @@ export const navbarRoutes: routerPath[] = [
 export const ComponentList: {
   id: number
   href: string
-  component: () => JSX.Element
+  component: () => ReactElement
 }[] = [
   {
     id: 1,

tsconfig.json

@@ -1,33 +1,23 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noEmit": true,
     "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "noEmit": false,
-    "noImplicitAny": true,
-    "noImplicitThis": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "paths": {
-      "~/*": ["./*"]
-    },
     "plugins": [
       {
         "name": "next"
       }
-    ],
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "target": "ESNext",
-    "allowJs": true
+    ]
   },
-  "exclude": ["./build/", "./lib/", "./.next/"],
-  "include": [".next/types/**/*.ts", "**/*.mdx", "**/*.ts", "**/*.tsx", "prepare-lib"]
+  "include": ["next-env.d.ts", ".next/types/**/*.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
 }

tsconfig.lib.json

@@ -6,5 +6,5 @@
     "outDir": "./lib/cjs"
   },
   "exclude": ["**/*.stories.tsx"],
-  "include": ["./src/"]
+  "include": ["./app/src/"]
 }

utils/Searching.tsx

@@ -1,10 +1,10 @@
 /**
  * This file contains utility functions for storing and retrieving search data in localStorage.
- * 
+ *
  * @remarks
  * The `storeData` function stores a `DataItem` object in localStorage, while the `getData` function
  * retrieves the stored data from localStorage. The stored data is an array of up to 4 `DataItem` objects.
- * 
+ *
  * @packageDocumentation
  */
 
@@ -19,10 +19,10 @@ interface DataItem {
  * @param item - The DataItem to store.
  */
 export const storeData = (item: DataItem) => {
-   // Get the stored data from localStorage
+  // Get the stored data from localStorage
   const storedDataStr = localStorage.getItem('searchData')
   // Initialize an empty array to hold the stored data
-  let storedData: DataItem[] = [] 
+  let storedData: DataItem[] = []
 
   /**
    * If there is stored data, parse it from a string to an array of DataItems