[ENHANCEMENT] Enable React Compiler for all plugins

.swcrc

@@ -8,6 +8,9 @@
     },
     "target": "es2023",
     "transform": {
+      "reactCompiler": {
+        "target": "18"
+      },
       "react": {
         "runtime": "automatic",
         "useBuiltins": true

alertmanager/package.json

@@ -25,6 +25,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",

alertmanager/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'AlertManager',
   rsbuildConfig: {
     server: { port: 3024 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

barchart/package.json

@@ -24,6 +24,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",

barchart/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'BarChart',
   rsbuildConfig: {
     server: { port: 3005 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

canvas/package.json

@@ -58,7 +58,8 @@
   },
   "dependencies": {
     "d3-selection": "^3.0.0",
-    "d3-zoom": "^3.0.0"
+    "d3-zoom": "^3.0.0",
+    "react-compiler-runtime": "^1.0.0"
   },
   "devDependencies": {
     "@types/d3-selection": "^3.0.11",

canvas/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'Canvas',
   rsbuildConfig: {
     server: { port: 3033 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

clickhouse/package.json

@@ -24,6 +24,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",

clickhouse/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'ClickHouse',
   rsbuildConfig: {
     server: { port: 3123 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

datasourcevariable/package.json

@@ -24,6 +24,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",

datasourcevariable/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'DatasourceVariable',
   rsbuildConfig: {
     server: { port: 3022 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

flamechart/package.json

@@ -24,6 +24,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "devDependencies": {
     "@types/color-hash": "^2.0.0"
   },

flamechart/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'FlameChart',
   rsbuildConfig: {
     server: { port: 3021 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

gaugechart/package.json

@@ -24,6 +24,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",

gaugechart/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'GaugeChart',
   rsbuildConfig: {
     server: { port: 3006 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

greptimedb/package.json

@@ -24,6 +24,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",

greptimedb/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'GreptimeDB',
   rsbuildConfig: {
     server: { port: 3122 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

heatmapchart/package.json

@@ -24,6 +24,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "peerDependencies": {
     "@perses-dev/components": "^0.55.0",
     "@perses-dev/plugin-system": "^0.55.0",

heatmapchart/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'HeatMapChart',
   rsbuildConfig: {
     server: { port: 3028 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

histogramchart/package.json

@@ -24,6 +24,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "peerDependencies": {
     "@perses-dev/components": "^0.55.0",
     "@perses-dev/plugin-system": "^0.55.0",

histogramchart/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'HistogramChart',
   rsbuildConfig: {
     server: { port: 3020 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

jaeger/package.json

@@ -24,6 +24,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",

jaeger/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'Jaeger',
   rsbuildConfig: {
     server: { port: 3027 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

json/package.json

@@ -15,7 +15,8 @@
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
   "dependencies": {
-    "jsonata": "^2.0.5"
+    "jsonata": "^2.0.5",
+    "react-compiler-runtime": "^1.0.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",

json/rsbuild.config.ts

@@ -11,15 +11,10 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'Json',
-  rsbuildConfig: {
-    plugins: [pluginReact()],
-  },
   moduleFederation: {
     exposes: {
       './JsonDatasource': './src/datasources/json-datasource',

logexplorer/package.json

@@ -23,6 +23,9 @@
   "main": "lib/index.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
   "devDependencies": {
     "@types/qs": "^6.9.18"
   },

logexplorer/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'LogExplorer',
   rsbuildConfig: {
     server: { port: 3023 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

logstable/package.json

@@ -26,7 +26,8 @@
   "types": "lib/index.d.ts",
   "dependencies": {
     "ansi_up": "^6.0.0",
-    "dompurify": "^3.4.15"
+    "dompurify": "^3.4.15",
+    "react-compiler-runtime": "^1.0.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",

logstable/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'LogsTable',
   rsbuildConfig: {
     server: { port: 3025 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {

loki/package.json

@@ -25,7 +25,8 @@
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
   "dependencies": {
-    "@grafana/lezer-logql": "^0.2.8"
+    "@grafana/lezer-logql": "^0.2.8",
+    "react-compiler-runtime": "^1.0.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",

loki/rsbuild.config.ts

@@ -11,15 +11,12 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { pluginReact } from '@rsbuild/plugin-react';
-
 import { createConfigForPlugin } from '../rsbuild.shared';
 
 export default createConfigForPlugin({
   name: 'Loki',
   rsbuildConfig: {
     server: { port: 3119 },
-    plugins: [pluginReact()],
   },
   moduleFederation: {
     exposes: {