eslint.config.js

import pluginJs from "@eslint/js";
import pluginImportAlias from "eslint-plugin-import-alias";
import pluginReact from "eslint-plugin-react";
import simpleImportSort from "eslint-plugin-simple-import-sort";
import globals from "globals";
import tseslint from "typescript-eslint";

import tsconfig from "./tsconfig.json" with { type: "json" };

/** @type {import('eslint').Linter.Config[]} */
export default [
    { files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"] },
    { languageOptions: { globals: globals.browser } },
    pluginJs.configs.recommended,
    ...tseslint.configs.recommended,
    pluginReact.configs.flat.recommended,
    {
        plugins: {
            "import-alias": pluginImportAlias,
            "simple-import-sort": simpleImportSort,
        },
        settings: {
            react: {
                version: "19",
            },
        },
        rules: {
            "import-alias/import-alias": [
                "error",
                {
                    relativeDepth: 0,
                    aliases: Object.entries(tsconfig.compilerOptions.paths).map(
                        ([to, [from]]) => ({
                            alias: to.replace(/\*$/, ""),
                            matcher: from.replace(/^\.\//, "^"),
                        }),
                    ),
                },
            ],
            "react/react-in-jsx-scope": "off",
            "@typescript-eslint/no-explicit-any": "off", // Would be great to remove all `any` types...
            "simple-import-sort/imports": "error",
            "simple-import-sort/exports": "error",
        },
    },
];