Enable react-compiler

ant-media · Dec 11, 2024 · 1f0b6ff · 1f0b6ff
1 parent 2f62b7f
commit 1f0b6ff
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 10 deletions.
diff --git a/react/babel.config.js b/react/babel.config.js
@@ -1,6 +1,13 @@
+const ReactCompilerConfig = {
+    'react-compiler/react-compiler': 'error',
+}
+
 module.exports = {
     presets: [
       '@babel/preset-env',
       ['@babel/preset-react', {runtime: 'automatic'}],
     ],
+    plugins: [
+        ['babel-plugin-react-compiler', ReactCompilerConfig]
+    ]
   };
diff --git a/react/jest.config.js b/react/jest.config.js
@@ -34,6 +34,7 @@ module.exports = {
     ],
     // Add rule overrides if required
     rules: {
+        'react-compiler/react-compiler': 'error',
         'react-compiler/transform': 'warn', // Change to 'error' if stricter enforcement is needed
     },
 };
diff --git a/react/src/Components/Footer/Components/RequestPublishButton.js b/react/src/Components/Footer/Components/RequestPublishButton.js
@@ -4,7 +4,6 @@ import { SvgIcon } from '../../SvgIcon';
 import { Tooltip } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
-import { useSnackbar } from 'notistack-v2-maintained';
 import { ConferenceContext} from "../../../pages/AntMedia";
 
 export const roundStyle = {
@@ -36,7 +35,6 @@ function RequestPublishButton(props) {
     const { rounded, footer } = props;
     const conference = useContext(ConferenceContext);
     const { t } = useTranslation();
-    const { enqueueSnackbar } = useSnackbar();
 
     return (
         <>

diff --git a/react/src/pages/AntMedia.js b/react/src/pages/AntMedia.js
@@ -2162,7 +2162,7 @@ function AntMedia(props) {
 
     React.useEffect(() => {
         updateUserStatusMetadata(isMyMicMuted, !isMyCamTurnedOff);
-    }, [role]);
+    }, [role]); // eslint-disable-line react-hooks/exhaustive-deps
 
     function handleNotificationEvent(obj) {
         var notificationEvent = JSON.parse(obj.data);
@@ -2638,7 +2638,7 @@ function AntMedia(props) {
 
     React.useEffect(() => {
         updateAllParticipantsPagination(globals.participantListPagination.currentPage);
-    }, [participantCount]);
+    }, [participantCount]); // eslint-disable-line react-hooks/exhaustive-deps
 
     function updateAllParticipantsPagination(currentPage) {
         if (currentPage <= 0) {
@@ -2862,7 +2862,7 @@ function AntMedia(props) {
             reaction: reaction, senderStreamId: publishStreamId, senderStreamName: streamName
         });
         showReactions(publishStreamId, streamName, reaction, allParticipants);
-    },[handleSendNotificationEvent, publishStreamId, showReactions, allParticipants]);
+    },[handleSendNotificationEvent, publishStreamId, showReactions, allParticipants]); // eslint-disable-line react-hooks/exhaustive-deps
 
     function muteLocalMic() {
         webRTCAdaptor?.muteLocalMic();
@@ -2920,7 +2920,7 @@ function AntMedia(props) {
             };
             sendMessage(JSON.stringify(jsCmd));
         }
-    }, [isWebSocketConnected]);
+    }, [isWebSocketConnected]); // eslint-disable-line react-hooks/exhaustive-deps
 
     React.useEffect(() => {
         if (!latestMessage) {

diff --git a/react/src/styles/blueTheme.js b/react/src/styles/blueTheme.js
@@ -28,7 +28,7 @@ export function getBlueTheme() {
   const error = "#D50000";
   const primaryColor = themeColor10;
   const secondaryColor = themeColor60;
-  const textColor = "#FFFFFF";
+  const textColor = "#FFFFFF"; // eslint-disable-line no-unused-vars
   let themeObject = {
     typography: {
       allVariants: {

diff --git a/react/src/styles/grayTheme.js b/react/src/styles/grayTheme.js
@@ -21,14 +21,14 @@ export function getGrayTheme() {
   const themeColor90 = "#000000";
   const themeColor99 = "#FFFFFF";
   const chatText = "#FAFAFA";
-  const darkGray = "#222B2A";
+  const darkGray = "#222B2A"; // eslint-disable-line no-unused-vars
   const iconColor = "#FFFFFF";
   const darkIconColor = "#000000";
 
   const error = "#D50000";
   const primaryColor = themeColor10;
   const secondaryColor = themeColor60;
-  const textColor = "#FFFFFF";
+  const textColor = "#FFFFFF"; // eslint-disable-line no-unused-vars
   let themeObject = {
     typography: {
       allVariants: {

diff --git a/react/src/styles/greenTheme.js b/react/src/styles/greenTheme.js
@@ -28,7 +28,7 @@ export function getGreenTheme() {
   const error = "#DF0515";
   const primaryColor = themeColor10;
   const secondaryColor = themeColor60;
-  const textColor = "#FFFFFF";
+  const textColor = "#FFFFFF"; // eslint-disable-line no-unused-vars
   let themeObject = {
     typography: {
       allVariants: {