refactor: Adjust many react components to be compatible with the react compiler

Author: colin969

README.md

@@ -48,7 +48,9 @@ Install by running ``sudo apt install libgtk-3-0 libnss3``
 
 4. Run ``npm run start`` (at the root of the repository) to start the launcher. It is recommended to do this in a second command prompt / terminal.
 
-5. **Optional** - It is highly recommended to set the launcher's "Flashpoint folder". This is where the launcher will read and write most data to and from. You can set the "Flashpoint folder" path at the "Config" tab in the launcher. Make sure the background of the text field is green (this means the path is valid) and don't forget to hit "Save and Exit"!
+5. React components use the React Compiler. If creating new components please make sure they are compiled, see this extension for a handy IDE hint in Vscode. Existing components are fine to be skipped. https://marketplace.visualstudio.com/items?itemName=blazejkustra.react-compiler-marker
+
+6. **Optional** - It is highly recommended to set the launcher's "Flashpoint folder". This is where the launcher will read and write most data to and from. You can set the "Flashpoint folder" path at the "Config" tab in the launcher. Make sure the background of the text field is green (this means the path is valid) and don't forget to hit "Save and Exit"!
 
 Notes:
 

eslint.config.mjs

@@ -50,6 +50,7 @@ export default tseslint.config(
             "@typescript-eslint/no-namespace": "off",
             "@typescript-eslint/no-unused-vars": ["error", {
                 "vars": "all",
+                "caughtErrors": "none",
                 "args": "none"
             }],
             "@typescript-eslint/no-use-before-define": "off",

package-lock.json

@@ -42,7 +42,7 @@
     "axios": "1.6.7",
     "connected-react-router": "6.9.2",
     "dns-packet": "^5.6.1",
-    "electron-extension-installer": "^1.2.0",
+    "electron-extension-installer": "1.2.0",
     "electron-updater": "4.3.1",
     "electron-util": "0.14.2",
     "fast-xml-parser": "3.21.1",
@@ -89,6 +89,7 @@
     "@swc/cli": "0.3.12",
     "@swc/core": "1.5.5",
     "@types/dns-packet": "^5.6.5",
+    "@types/electron-devtools-installer": "^2.2.5",
     "@types/eslint__js": "^8.42.3",
     "@types/follow-redirects": "1.8.0",
     "@types/fs-extra": "8.1.0",

package.json

@@ -2,6 +2,17 @@ import { defineConfig } from '@rsbuild/core';
 import { pluginReact } from '@rsbuild/plugin-react';
 import { pluginBabel } from '@rsbuild/plugin-babel';
 import { builtinModules } from 'node:module';
+import { Logger, LoggerEvent, CompilerPipelineValue } from 'babel-plugin-react-compiler';
+
+const stdoutLogger: Logger = {
+  logEvent: (filename: string | null, event: LoggerEvent) => {
+    console.error('LOG');
+  },
+
+  debugLogIRs: (value: CompilerPipelineValue) => {
+    console.error('LOG');
+  }
+};
 
 const externals = {
   'electron': 'commonjs electron'
@@ -12,7 +23,8 @@ for (const module of builtinModules) {
 
 const ReactCompilerConfig = {
   target: '17',
-  sources: (filename) => {
+  logger: stdoutLogger,
+  sources: (filename: string) => {
     return filename.indexOf('src/renderer/') !== -1;
   },
 };