eslint.config.js

const { FlatCompat } = require("@eslint/eslintrc");

const compat = new FlatCompat({
    baseDirectory: __dirname,
});

module.exports = [
    ...compat.extends(
        "next/core-web-vitals",
        "next/typescript",
        "plugin:prettier/recommended",
        "prettier",
    ),
    {
        // custom rules
        rules: {
            // force to use only arrow function
            "no-restricted-syntax": [
                "error",
                "FunctionDeclaration",
                {
                    selector: "FunctionExpression",
                },
            ],
            // do not check error objects in try...catch  blocks
            "@typescript-eslint/no-unused-vars": [
                "error",
                {
                    caughtErrors: "none",
                },
            ],
            // restrict any relative imports from parent directories
            "@typescript-eslint/no-restricted-imports": [
                "error",
                {
                    patterns: ["../*"],
                },
            ],
            // force to use named exports instead of default export
            "import/no-default-export": "error",
            //
            "import/order": [
                "error",
                {
                    groups: [
                        "builtin",
                        "external",
                        "internal",
                        "parent",
                        "sibling",
                        "index",
                    ],
                    // put css modules at last
                    pathGroups: [
                        {
                            pattern: "./*.module.css",
                            group: "index",
                            position: "after",
                        },
                    ],
                    // prevent any new line between all imports
                    "newlines-between": "never",
                    warnOnUnassignedImports: true,
                },
            ],
        },
    },
    {
        // override to allow default exports in the pages directory
        files: ["src/pages/**/*.{js,jsx,ts,tsx}"],
        rules: {
            "import/no-default-export": "off",
        },
    },
    {
        // override to allow 'require' imports in js/cjs files only in project root
        files: ["*.{js,cjs}"],
        rules: {
            "@typescript-eslint/no-require-imports": "off",
        },
    },
];