diff --git a/.dockerignore b/.dockerignore
index 549da8c4f42..5608b40844d 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -25,7 +25,7 @@ tsconfig.tsbuildinfo
 # Used when building with nextjs (next-eslint)
 !.eslintrc.base.json
 !.prettierignore
-!.prettierrc.json
+!.prettierrc.js
 !.eslintignore
 
 # npm
diff --git a/.prettierrc.js b/.prettierrc.js
new file mode 100644
index 00000000000..b0a497a03d0
--- /dev/null
+++ b/.prettierrc.js
@@ -0,0 +1,24 @@
+// @ts-check
+
+/**
+ * @type {import('prettier').Config}
+ */
+module.exports = {
+  singleQuote: true,
+  semi: true,
+  tabWidth: 2,
+  bracketSpacing: true,
+  trailingComma: 'es5',
+  bracketSameLine: false,
+  useTabs: false,
+  endOfLine: 'lf',
+  overrides: [
+    {
+      files: '*.md',
+      options: {
+        singleQuote: false,
+        quoteProps: 'preserve',
+      },
+    },
+  ],
+};
diff --git a/.prettierrc.json b/.prettierrc.json
deleted file mode 100644
index ea8a9af7f1b..00000000000
--- a/.prettierrc.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "singleQuote": true,
-  "semi": true,
-  "tabWidth": 2,
-  "bracketSpacing": true,
-  "trailingComma": "es5",
-  "bracketSameLine": false,
-  "useTabs": false,
-  "endOfLine": "lf",
-  "overrides": [
-    {
-      "files": "*.md",
-      "options": {
-        "singleQuote": false,
-        "quoteProps": "preserve"
-      }
-    }
-  ]
-}