Add override for JSONC

prettier.config.d.ts

@@ -1,4 +1,4 @@
 import prettier from 'prettier'
 
-declare const options: prettier.Options
-export default options
+declare const config: prettier.Config
+export default config

prettier.config.js

@@ -16,4 +16,10 @@ module.exports = {
   arrowParens: 'always',
   proseWrap: 'always',
   endOfLine: 'lf',
+
+  overrides: [
+    // Disable formatting JSONC with trailing commas (discouraged by the format)
+    // See https://github.com/prettier/prettier/issues/15956#issuecomment-1987146114
+    { files: ['*.jsonc'], options: { trailingComma: 'none' } },
+  ],
 }

tests/basicFile.ts

@@ -0,0 +1,5 @@
+interface Foo {
+  bar: number
+}
+
+export const foo: Foo = { bar: 1 }

tests/reactFile.tsx

@@ -0,0 +1,6 @@
+import React from 'react'
+
+// This is a Button component
+export const Button = () => {
+  return <div>Foo Bar</div>
+}

tests/tokenFile.jsonc

@@ -0,0 +1,4 @@
+{
+  // This is foo.
+  "foo": "bar"
+}