eslint.config.js 설정 질문입니다.

우선 이전 질문/답변을 통해서 eslint 설정 파일명이 바뀐것을 알게되었습니다.

문제는 강의의 코드와 저의 코드가 다르다는 점인데, 이정환 강사님께서 설정하신 그대로 따라간다면

 rules: {
      "no-unused-vars": "off",
      "react-prop-types": "off",
    },

이 코드만 추가하면되는걸까요?

강의에서는 rules 프로퍼티가 이미 있고 해당 객체 내부에 react-refresh/only-export-components ~가 있는데 제 코드에는 rules 자체가 없습니다.

• 26-07-01 기준 현재 vite 프로젝트의 eslint.config.js 파일 코드

export default defineConfig([
  globalIgnores(["dist"]),
  {
    files: ["**/*.{js,jsx}"],
    extends: [
      js.configs.recommended,
      reactHooks.configs.flat.recommended,
      reactRefresh.configs.vite,
    ],
    languageOptions: {
      globals: globals.browser,
      parserOptions: { ecmaFeatures: { jsx: true } },
    },
  },
]);