Disable react/no-unknown-property rule for Emotion.js' css prop (#846)

sumup-oss · Apr 3, 2023 · 5c4d73c · 5c4d73c
1 parent 2197f0e
commit 5c4d73c
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 0 deletions.
diff --git a/.changeset/rotten-humans-jog.md b/.changeset/rotten-humans-jog.md
@@ -0,0 +1,5 @@
+---
+'@sumup/foundry': patch
+---
+
+Disabled the `react/no-unknown-property` rule for Emotion.js' `css` prop.
diff --git a/src/configs/eslint/__snapshots__/config.spec.ts.snap b/src/configs/eslint/__snapshots__/config.spec.ts.snap
@@ -308,6 +308,14 @@ exports[`eslint with options should return a config for {
     "object-curly-newline": "off",
     "operator-linebreak": "off",
     "quote-props": "off",
+    "react/no-unknown-property": [
+      "error",
+      {
+        "ignore": [
+          "css",
+        ],
+      },
+    ],
   },
   "settings": {
     "import/resolver": {
@@ -1545,6 +1553,14 @@ exports[`eslint with options should return a config for {
     "object-curly-newline": "off",
     "operator-linebreak": "off",
     "quote-props": "off",
+    "react/no-unknown-property": [
+      "error",
+      {
+        "ignore": [
+          "css",
+        ],
+      },
+    ],
   },
   "settings": {
     "import/resolver": {
@@ -3012,6 +3028,14 @@ exports[`eslint with options should return a config for {
     "object-curly-newline": "off",
     "operator-linebreak": "off",
     "quote-props": "off",
+    "react/no-unknown-property": [
+      "error",
+      {
+        "ignore": [
+          "css",
+        ],
+      },
+    ],
   },
   "settings": {
     "import/resolver": {
@@ -5117,6 +5141,14 @@ exports[`eslint with options should return a config for {
     "object-curly-newline": "off",
     "operator-linebreak": "off",
     "quote-props": "off",
+    "react/no-unknown-property": [
+      "error",
+      {
+        "ignore": [
+          "css",
+        ],
+      },
+    ],
   },
   "settings": {
     "import/resolver": {

diff --git a/src/configs/eslint/config.ts b/src/configs/eslint/config.ts
@@ -375,6 +375,7 @@ function customizeFramework(frameworks?: Framework[]) {
         '@emotion/no-vanilla': 'error',
         '@emotion/pkg-renaming': 'error',
         '@emotion/styled-import': 'error',
+        'react/no-unknown-property': ['error', { ignore: ['css'] }],
       },
     },
     [Framework.JEST]: {