ES Lint 설정

안녕하세요. 현재 Next.js 15.1 버전에서

ESLint가 9버전으로 업데이트 되면서 형식이 많이 바뀌었는데

기존의 8 버전에서는

{
  "extends": ["next/core-web-vitals", "next/typescript"],
  "rules": {
    "@typescript-eslint/no-unused-vars": "warn",
    "@typescript-eslint/no-explicit-any": "off"
  }
}

하지만 9 버전에서는 형식이 많이 바뀌었는데

no-unused-vars나 on-explicit-any 같은 설정은 어떻게 해야 하나요?

일단은 이렇게 코드를 쓰기는 했는데 적용이 잘 안되는 것 같습니다.(eslint.config.mjs)

import { dirname } from "path";
import { fileURLToPath } from "url";
import { FlatCompat } from "@eslint/eslintrc";

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);

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

export default [
  ...compat.extends("next/core-web-vitals", "next/typescript"),
  {
    files: ["**/*.ts", "**/*.tsx"],
    rules: {
      "@typescript-eslint/no-unused-vars": "off",
      "@typescript-eslint/no-explicit-any": "warn", // 경고로 설정
    },
  },
];