refactor(rsc-mf): initialize callback bridge via client side-effect module

Author: cursoragent

tests/integration/rsc-mf/remote/src/components/RemoteClientBadge.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import 'client-only';
+import './initRemoteServerCallback';
 import { useState } from 'react';
 
 export default function RemoteClientBadge({

tests/integration/rsc-mf/remote/src/components/RemoteClientCounter.tsx

@@ -1,19 +1,12 @@
 'use client';
-import { useActionState, useEffect, useState } from 'react';
+import { useActionState, useState } from 'react';
 import './RemoteClientCounter.css';
 import { incrementRemoteCount, remoteActionEcho } from './actions';
 import { defaultRemoteAction } from './defaultAction';
+import './initRemoteServerCallback';
 import { nestedRemoteAction } from './nestedActions';
-import { registerRemoteServerCallback } from './registerServerCallback';
 
 export function RemoteClientCounter() {
-  useEffect(() => {
-    const actionPathname = window.location.pathname || '/';
-    registerRemoteServerCallback(
-      `${window.location.origin}${actionPathname}`,
-      'rscRemote',
-    );
-  }, []);
   const [localCount, setLocalCount] = useState(0);
   const [serverCount, formAction, isPending] = useActionState(
     incrementRemoteCount,

tests/integration/rsc-mf/remote/src/components/initRemoteServerCallback.ts

@@ -0,0 +1,9 @@
+import { registerRemoteServerCallback } from './registerServerCallback';
+
+if (typeof window !== 'undefined') {
+  const actionPathname = window.location.pathname || '/';
+  registerRemoteServerCallback(
+    `${window.location.origin}${actionPathname}`,
+    'rscRemote',
+  );
+}