add react compiler (#28554)

* add react compiler

* fix crashing out

Author: chrisnojima

shared/babel.config.js

@@ -46,11 +46,17 @@ module.exports = function (api /*: any */) {
         isTest ? ['@babel/preset-env', {targets: {node: 'current'}}] : '@babel/preset-env',
         '@babel/preset-typescript',
       ],
+      plugins: [
+        'babel-plugin-react-compiler', // must run first!
+      ],
     }
   } else if (isReactNative) {
     // console.error('KB babel.config.js for ReactNative')
     return {
-      plugins: [['module-resolver', {alias: {'@': './'}}]],
+      plugins: [
+        'babel-plugin-react-compiler', // must run first!
+        ['module-resolver', {alias: {'@': './'}}],
+      ],
       presets: [['babel-preset-expo', {unstable_transformImportMeta: true, jsxRuntime: 'automatic'}]],
       sourceMaps: true,
     }

shared/package.json

@@ -153,17 +153,18 @@
     "@types/lodash": "4.17.20",
     "@types/lodash-es": "4.17.12",
     "@types/react": "19.1.16",
-    "@types/react-is": "19.0.0",
     "@types/react-dom": "19.1.9",
+    "@types/react-is": "19.0.0",
     "@types/react-list": "0.8.12",
     "@types/react-measure": "2.0.12",
     "@types/shallowequal": "1.1.5",
     "@types/webpack-env": "1.18.8",
     "@welldone-software/why-did-you-render": "10.0.1",
     "babel-loader": "10.0.0",
-    "babel-preset-expo": "54.0.5",
     "babel-plugin-module-resolver": "5.0.2",
+    "babel-plugin-react-compiler": "1.0.0",
     "babel-plugin-react-native-web": "0.21.2",
+    "babel-preset-expo": "54.0.5",
     "circular-dependency-plugin": "5.2.2",
     "cross-env": "7.0.3",
     "css-loader": "7.1.2",
@@ -172,8 +173,8 @@
     "eslint-plugin-deprecation": "3.0.0",
     "eslint-plugin-promise": "7.2.1",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "7.0.0",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
+    "eslint-plugin-react-hooks": "7.0.0",
     "fs-extra": "11.3.2",
     "html-webpack-plugin": "5.6.4",
     "json5": "2.2.3",

shared/teams/team/rows/index.tsx

@@ -204,16 +204,20 @@ export const useChannelsSections = (
   const createRow = canCreate
     ? [{data: [{type: 'channel-add'}], renderItem: () => <ChannelHeaderRow teamID={teamID} />} as const]
     : []
+
+  const channelsValues = [...channels.values()]
   return [
     ...createRow,
     {
-      data: [...channels.values().map(c => ({c, type: 'channel-channels'}))].sort((a, b) =>
-        a.c.channelname === 'general'
-          ? -1
-          : b.c.channelname === 'general'
-            ? 1
-            : a.c.channelname.localeCompare(b.c.channelname)
-      ),
+      data: channelsValues
+        .map(c => ({c, type: 'channel-channels'}))
+        .sort((a, b) =>
+          a.c.channelname === 'general'
+            ? -1
+            : b.c.channelname === 'general'
+              ? 1
+              : a.c.channelname.localeCompare(b.c.channelname)
+        ),
       renderItem: ({item}: {item: Item}) =>
         item.type === 'channel-channels' ? (
           <ChannelRow teamID={teamID} conversationIDKey={item.c.conversationIDKey} />

shared/yarn.lock

@@ -3904,7 +3904,7 @@ babel-plugin-polyfill-regenerator@^0.6.5:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.6.5"
 
-babel-plugin-react-compiler@^1.0.0:
+babel-plugin-react-compiler@1.0.0, babel-plugin-react-compiler@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-react-compiler/-/babel-plugin-react-compiler-1.0.0.tgz#bdf7360a23a4d5ebfca090255da3893efd07425f"
   integrity sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==