[FIX] React being loaded on the main bundle (#18597)

client/account/sidebarItems.js

 import { hasPermission } from '../../app/authorization/client';
 import { createTemplateForComponent } from '../reactAdapters';
 import { settings } from '../../app/settings';
-import { createSidebarItems } from '../components/basic/Sidebar';
+import { createSidebarItems } from '../helpers/createSidebarItems';
 
 createTemplateForComponent('accountFlex', () => import('./AccountSidebar'));
 

client/admin/sidebarItems.js

@@ -2,7 +2,7 @@ import { Meteor } from 'meteor/meteor';
 
 import { hasPermission, hasRole } from '../../app/authorization/client';
 import { createTemplateForComponent } from '../reactAdapters';
-import { createSidebarItems } from '../components/basic/Sidebar';
+import { createSidebarItems } from '../helpers/createSidebarItems';
 
 createTemplateForComponent('adminFlex', () => import('./sidebar/AdminSidebar'));
 

client/components/basic/Sidebar.js

@@ -5,32 +5,6 @@ import { Box, Scrollable, Button, Icon } from '@rocket.chat/fuselage';
 import { useTranslation } from '../../contexts/TranslationContext';
 import { useRoutePath } from '../../contexts/RouterContext';
 
-export const createSidebarItems = (initialItems = []) => {
-	const items = initialItems;
-	let updateCb = () => {};
-
-	const itemsSubscription = {
-		subscribe: (cb) => {
-			updateCb = cb;
-			return () => {
-				updateCb = () => {};
-			};
-		},
-		getCurrentValue: () => items,
-	};
-	const registerSidebarItem = (item) => {
-		items.push(item);
-		updateCb();
-	};
-	const unregisterSidebarItem = (label) => {
-		const index = items.findIndex(({ i18nLabel }) => i18nLabel === label);
-		delete items[index];
-		updateCb();
-	};
-
-	return { registerSidebarItem, unregisterSidebarItem, itemsSubscription };
-};
-
 const Sidebar = ({ children, ...props }) => <Box display='flex' flexDirection='column' h='100vh' {...props}>
 	{children}
 </Box>;

client/helpers/createSidebarItems.js

+
+export const createSidebarItems = (initialItems = []) => {
+	const items = initialItems;
+	let updateCb = () => {};
+
+	const itemsSubscription = {
+		subscribe: (cb) => {
+			updateCb = cb;
+			return () => {
+				updateCb = () => {};
+			};
+		},
+		getCurrentValue: () => items,
+	};
+	const registerSidebarItem = (item) => {
+		items.push(item);
+		updateCb();
+	};
+	const unregisterSidebarItem = (label) => {
+		const index = items.findIndex(({ i18nLabel }) => i18nLabel === label);
+		delete items[index];
+		updateCb();
+	};
+
+	return { registerSidebarItem, unregisterSidebarItem, itemsSubscription };
+};