[FIX] Custom script not being fired (#24901)

client/views/root/MainLayout/MainLayout.tsx

@@ -3,15 +3,20 @@ import React, { ReactElement, useMemo } from 'react';
 import BlazeTemplate from '../BlazeTemplate';
 import AuthenticationCheck from './AuthenticationCheck';
 import Preload from './Preload';
+import { useCustomScript } from './useCustomScript';
 
 type MainLayoutProps = {
 	center?: string;
 } & Record<string, unknown>;
 
-const MainLayout = ({ center }: MainLayoutProps): ReactElement => (
-	<Preload>
-		<AuthenticationCheck>{useMemo(() => (center ? <BlazeTemplate template={center} /> : null), [center])}</AuthenticationCheck>
-	</Preload>
-);
+const MainLayout = ({ center }: MainLayoutProps): ReactElement => {
+	useCustomScript();
+
+	return (
+		<Preload>
+			<AuthenticationCheck>{useMemo(() => (center ? <BlazeTemplate template={center} /> : null), [center])}</AuthenticationCheck>
+		</Preload>
+	);
+};
 
 export default MainLayout;

client/views/root/MainLayout/UsernameCheck.tsx

@@ -7,12 +7,10 @@ import { useUserId } from '../../../contexts/UserContext';
 import { useReactiveValue } from '../../../hooks/useReactiveValue';
 import BlazeTemplate from '../BlazeTemplate';
 import PasswordChangeCheck from './PasswordChangeCheck';
-import { useCustomScript } from './useCustomScript';
 import { useViewportScrolling } from './useViewportScrolling';
 
 const UsernameCheck = ({ children }: { children: ReactNode }): ReactElement => {
 	useViewportScrolling();
-	useCustomScript();
 
 	const uid = useUserId();
 	const allowAnonymousRead = useSetting('Accounts_AllowAnonymousRead');

client/views/root/MainLayout/useCustomScript.ts

@@ -1,13 +1,16 @@
 import { useEffect } from 'react';
 
+import { useUserId } from '../../../contexts/UserContext';
 import { fireGlobalEvent } from '../../../lib/utils/fireGlobalEvent';
 
 export const useCustomScript = (): void => {
+	const uid = useUserId();
 	useEffect(() => {
-		fireGlobalEvent('Custom_Script_Logged_In');
+		if (uid) {
+			fireGlobalEvent('Custom_Script_Logged_In');
+			return;
+		}
 
-		return (): void => {
-			fireGlobalEvent('Custom_Script_Logged_Out');
-		};
-	}, []);
+		fireGlobalEvent('Custom_Script_Logged_Out');
+	}, [uid]);
 };