diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
new file mode 100644
index 0000000000000000000000000000000000000000..dbfbfdd60042fce55ab0a892bd89f00f5472d876
--- /dev/null
+++ b/frontend/.eslintrc.js
@@ -0,0 +1,32 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    'plugin:react/recommended',
+    'airbnb',
+    'airbnb-typescript',
+    'prettier',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: './tsconfig.json',
+    tsconfigRootDir: __dirname,
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  plugins: ['react', '@typescript-eslint'],
+  rules: {
+    semi: 'off',
+    'react/jsx-props-no-spreading': 'off',
+    '@typescript-eslint/semi': ['error', 'never'],
+    'react/jsx-uses-react': 'off',
+    'jsx-quotes': 'error',
+    'react/react-in-jsx-scope': 'off',
+  },
+}
diff --git a/frontend/.eslintrc.json b/frontend/.eslintrc.json
deleted file mode 100644
index bb8bd932c649b6e9a08b974e7f43df0fc324d08f..0000000000000000000000000000000000000000
--- a/frontend/.eslintrc.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es2021": true,
-    "node": true
-  },
-  "extends": [
-    "plugin:react/recommended",
-    "airbnb",
-    "airbnb-typescript",
-    "prettier"
-  ],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "project": "./tsconfig.json",
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "ecmaVersion": 12,
-    "sourceType": "module"
-  },
-  "plugins": ["react", "@typescript-eslint"],
-  "rules": {
-    "semi": "off",
-    "react/jsx-props-no-spreading": "off",
-    "@typescript-eslint/semi": ["error", "never"],
-    "react/jsx-uses-react": "off",
-    "jsx-quotes": "error",
-    "react/react-in-jsx-scope": "off"
-  }
-}