chore: Remove meteor cached collection startup for anons (#33975)

apps/meteor/client/hooks/useLoadRoomForAllowedAnonymousRead.ts

@@ -0,0 +1,16 @@
+import { useSetting, useUserId } from '@rocket.chat/ui-contexts';
+import { useEffect } from 'react';
+
+import { CachedChatRoom, CachedChatSubscription } from '../../app/models/client';
+
+export const useLoadRoomForAllowedAnonymousRead = () => {
+	const userId = useUserId();
+	const accountsAllowAnonymousRead = useSetting('Accounts_AllowAnonymousRead');
+
+	useEffect(() => {
+		if (!userId && accountsAllowAnonymousRead === true) {
+			CachedChatRoom.init();
+			CachedChatSubscription.ready.set(true);
+		}
+	}, [accountsAllowAnonymousRead, userId]);
+};

apps/meteor/client/startup/collections.ts

@@ -1,14 +0,0 @@
-import { Meteor } from 'meteor/meteor';
-import { Tracker } from 'meteor/tracker';
-
-import { CachedChatRoom, CachedChatSubscription } from '../../app/models/client';
-import { settings } from '../../app/settings/client';
-
-Meteor.startup(() => {
-	Tracker.autorun(() => {
-		if (!Meteor.userId() && settings.get('Accounts_AllowAnonymousRead') === true) {
-			CachedChatRoom.init();
-			CachedChatSubscription.ready.set(true);
-		}
-	});
-});

apps/meteor/client/startup/index.ts

@@ -5,7 +5,6 @@ import './afterLogoutCleanUp';
 import './appRoot';
 import './audit';
 import './callbacks';
-import './collections';
 import './customOAuth';
 import './deviceManagement';
 import './e2e';

apps/meteor/client/views/root/AppLayout.tsx

@@ -8,6 +8,7 @@ import { useGoogleTagManager } from './hooks/useGoogleTagManager';
 import { useMessageLinkClicks } from './hooks/useMessageLinkClicks';
 import { useAnalytics } from '../../../app/analytics/client/loadScript';
 import { useAnalyticsEventTracking } from '../../hooks/useAnalyticsEventTracking';
+import { useLoadRoomForAllowedAnonymousRead } from '../../hooks/useLoadRoomForAllowedAnonymousRead';
 import { useNotifyUser } from '../../hooks/useNotifyUser';
 import { appLayout } from '../../lib/appLayout';
 
@@ -25,6 +26,7 @@ const AppLayout = () => {
 	useAnalytics();
 	useEscapeKeyStroke();
 	useAnalyticsEventTracking();
+	useLoadRoomForAllowedAnonymousRead();
 	useNotifyUser();
 
 	const layout = useSyncExternalStore(appLayout.subscribe, appLayout.getSnapshot);