Add other Emotion setup

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'],

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"]
 }

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"]
 }

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",

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"]
 }