From ca59d97cc6a9717d9e99c7a022ae2e50c2c5cf2e Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Mon, 11 Dec 2023 23:30:11 -0500
Subject: [PATCH] Add other Emotion setup

---
 packages/redux-devtools-rtk-query-monitor/.eslintrc.js        | 3 +++
 .../redux-devtools-rtk-query-monitor/babel.config.esm.json    | 3 ++-
 packages/redux-devtools-rtk-query-monitor/babel.config.json   | 3 ++-
 packages/redux-devtools-rtk-query-monitor/package.json        | 1 +
 packages/redux-devtools-rtk-query-monitor/tsconfig.json       | 4 +++-
 5 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/redux-devtools-rtk-query-monitor/.eslintrc.js b/packages/redux-devtools-rtk-query-monitor/.eslintrc.js
index 33fb8f94..96aefbef 100644
--- a/packages/redux-devtools-rtk-query-monitor/.eslintrc.js
+++ b/packages/redux-devtools-rtk-query-monitor/.eslintrc.js
@@ -8,6 +8,9 @@ module.exports = {
         tsconfigRootDir: __dirname,
         project: true,
       },
+      rules: {
+        'react/no-unknown-property': ['error', { ignore: ['css'] }],
+      },
     },
     {
       files: ['test/**/*.ts', 'test/**/*.tsx'],
diff --git a/packages/redux-devtools-rtk-query-monitor/babel.config.esm.json b/packages/redux-devtools-rtk-query-monitor/babel.config.esm.json
index d616aff2..df022b0e 100644
--- a/packages/redux-devtools-rtk-query-monitor/babel.config.esm.json
+++ b/packages/redux-devtools-rtk-query-monitor/babel.config.esm.json
@@ -2,7 +2,8 @@
   "presets": [
     ["@babel/preset-env", { "targets": "defaults", "modules": false }],
     "@babel/preset-react",
-    "@babel/preset-typescript"
+    "@babel/preset-typescript",
+    "@emotion/babel-preset-css-prop"
   ],
   "plugins": ["@babel/plugin-transform-runtime"]
 }
diff --git a/packages/redux-devtools-rtk-query-monitor/babel.config.json b/packages/redux-devtools-rtk-query-monitor/babel.config.json
index 814fca2b..053337b2 100644
--- a/packages/redux-devtools-rtk-query-monitor/babel.config.json
+++ b/packages/redux-devtools-rtk-query-monitor/babel.config.json
@@ -2,7 +2,8 @@
   "presets": [
     ["@babel/preset-env", { "targets": "defaults" }],
     "@babel/preset-react",
-    "@babel/preset-typescript"
+    "@babel/preset-typescript",
+    "@emotion/babel-preset-css-prop"
   ],
   "plugins": ["@babel/plugin-transform-runtime"]
 }
diff --git a/packages/redux-devtools-rtk-query-monitor/package.json b/packages/redux-devtools-rtk-query-monitor/package.json
index fab7f8cb..988fd6ff 100644
--- a/packages/redux-devtools-rtk-query-monitor/package.json
+++ b/packages/redux-devtools-rtk-query-monitor/package.json
@@ -65,6 +65,7 @@
     "@babel/preset-env": "^7.23.5",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
+    "@emotion/babel-preset-css-prop": "^11.11.0",
     "@emotion/react": "^11.11.1",
     "@redux-devtools/core": "^3.14.0",
     "@reduxjs/toolkit": "^1.9.7",
diff --git a/packages/redux-devtools-rtk-query-monitor/tsconfig.json b/packages/redux-devtools-rtk-query-monitor/tsconfig.json
index 67c88df5..177bc0e8 100644
--- a/packages/redux-devtools-rtk-query-monitor/tsconfig.json
+++ b/packages/redux-devtools-rtk-query-monitor/tsconfig.json
@@ -2,7 +2,9 @@
   "extends": "../../tsconfig.react.base.json",
   "compilerOptions": {
     "outDir": "lib/types",
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "jsx": "react-jsx",
+    "jsxImportSource": "@emotion/react"
   },
   "include": ["src"]
 }