chore: suppress Relay warning messages in development mode (#2852)

react/src/index.tsx

@@ -20,6 +20,24 @@ import ReactDOM from 'react-dom/client';
 import { useTranslation } from 'react-i18next';
 import { Route, Routes } from 'react-router-dom';
 
+// To maintain compatibility with various manager versions, the WebUI client uses directives to manipulate GraphQL queries.
+// This can cause Relay to show "Warning: RelayResponseNormalizer: Payload did not contain a value for field" in the browser console during development.
+// It's advisable to ignore these frequent logs in development mode.
+if (process.env.NODE_ENV === 'development') {
+  const originalConsoleError = console.error;
+  console.error = function (message, ...args) {
+    if (
+      typeof message === 'string' &&
+      message.includes(
+        'Warning: RelayResponseNormalizer: Payload did not contain a value for field',
+      )
+    ) {
+      return;
+    }
+    originalConsoleError.apply(console, [message, ...args]);
+  };
+}
+
 // Load custom theme config once in react/index.tsx
 loadCustomThemeConfig();