Get rid of renderRequestId and use local trackers instead of global tracking

lib/react_on_rails/helper.rb

@@ -650,8 +650,7 @@ def internal_react_component(react_component_name, options = {})
                                                 "data-trace" => (render_options.trace ? true : nil),
                                                 "data-dom-id" => render_options.dom_id,
                                                 "data-store-dependencies" => render_options.store_dependencies&.to_json,
-                                                "data-force-load" => (render_options.force_load ? true : nil),
-                                                "data-render-request-id" => render_options.render_request_id)
+                                                "data-force-load" => (render_options.force_load ? true : nil))
 
       if render_options.force_load
         component_specification_tag.concat(

lib/react_on_rails/react_component/render_options.rb

@@ -15,17 +15,9 @@ class RenderOptions
       def initialize(react_component_name: required("react_component_name"), options: required("options"))
         @react_component_name = react_component_name.camelize
         @options = options
-        # The render_request_id serves as a unique identifier for each render request.
-        # We cannot rely solely on dom_id, as it should be unique for each component on the page,
-        # but the server can render the same page multiple times concurrently for different users.
-        # Therefore, we need an additional unique identifier that can be used both on the client and server.
-        # This ID can also be used to associate specific data with a particular rendered component
-        # on either the server or client.
-        # This ID is only present if RSC support is enabled because it's only used in that case.
-        @render_request_id = self.class.generate_request_id if ReactOnRails::Utils.rsc_support_enabled?
       end
 
-      attr_reader :react_component_name, :render_request_id
+      attr_reader :react_component_name
 
       def throw_js_errors
         options.fetch(:throw_js_errors, false)

node_package/src/ClientSideRenderer.ts

@@ -83,18 +83,6 @@ class ComponentRenderer {
     const { domNodeId } = this;
     const props = el.textContent !== null ? (JSON.parse(el.textContent) as Record<string, unknown>) : {};
     const trace = el.getAttribute('data-trace') === 'true';
-    const renderRequestId = el.getAttribute('data-render-request-id');
-
-    // The renderRequestId is optional and only present when React Server Components (RSC) support is enabled.
-    // When RSC is enabled, this ID helps track and associate server-rendered components with their client-side hydration.
-    const componentSpecificRailsContext = renderRequestId
-      ? {
-          ...railsContext,
-          componentSpecificMetadata: {
-            renderRequestId,
-          },
-        }
-      : railsContext;
 
     try {
       const domNode = document.getElementById(domNodeId);
@@ -105,7 +93,7 @@ class ComponentRenderer {
         }
 
         if (
-          (await delegateToRenderer(componentObj, props, componentSpecificRailsContext, domNodeId, trace)) ||
+          (await delegateToRenderer(componentObj, props, railsContext, domNodeId, trace)) ||
           // @ts-expect-error The state can change while awaiting delegateToRenderer
           this.state === 'unmounted'
         ) {
@@ -120,7 +108,7 @@ class ComponentRenderer {
           props,
           domNodeId,
           trace,
-          railsContext: componentSpecificRailsContext,
+          railsContext,
           shouldHydrate,
         });
 

node_package/src/PostSSRHookTracker.ts

@@ -0,0 +1,39 @@
+type PostSSRHook = () => void;
+
+/**
+ * Post-SSR Hook Tracker - manages post-SSR hooks for a single request.
+ *
+ * This class provides a local alternative to the global hook management,
+ * allowing each request to have its own isolated hook tracker without sharing state.
+ */
+class PostSSRHookTracker {
+  private hooks: PostSSRHook[] = [];
+
+  /**
+   * Adds a hook to be executed when SSR ends for this request.
+   *
+   * @param hook - Function to call when SSR ends
+   */
+  addPostSSRHook(hook: PostSSRHook): void {
+    this.hooks.push(hook);
+  }
+
+  /**
+   * Notifies all registered hooks that SSR has ended and clears the hook list.
+   * This should be called when server-side rendering is complete.
+   */
+  notifySSREnd(): void {
+    this.hooks.forEach((hook) => hook());
+    this.hooks = [];
+  }
+
+  /**
+   * Clears all hooks without executing them.
+   * Should be called if the request is aborted or cleanup is needed.
+   */
+  clear(): void {
+    this.hooks = [];
+  }
+}
+
+export default PostSSRHookTracker;

node_package/src/RSCProvider.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { RailsContextWithComponentSpecificMetadata } from './types/index.ts';
+import { RailsContext, RailsContextWithServerStreamingCapabilities } from './types/index.ts';
 import getReactServerComponent from './getReactServerComponent.client.ts';
-import { createRSCPayloadKey } from './utils.ts';
 
 type RSCContextType = {
   getComponent: (componentName: string, componentProps: unknown) => Promise<React.ReactNode>;
@@ -33,30 +32,33 @@
 export const createRSCProvider = ({
   railsContext,
   getServerComponent,
+  createRSCPayloadKey,
 }: {
-  railsContext: RailsContextWithComponentSpecificMetadata;
+  railsContext: RailsContext;
   getServerComponent: typeof getReactServerComponent;
+  createRSCPayloadKey: (componentName: string, componentProps: unknown) => string;
 }) => {
   const fetchRSCPromises: Record<string, Promise<React.ReactNode>> = {};
 
   const getComponent = (componentName: string, componentProps: unknown) => {
-    const key = createRSCPayloadKey(componentName, componentProps, railsContext);
+    const key = createRSCPayloadKey(componentName, componentProps);
     if (key in fetchRSCPromises) {
       return fetchRSCPromises[key];
     }
 
-    const promise = getServerComponent({ componentName, componentProps, railsContext });
+    const promise = getServerComponent({ componentName, componentProps, railsContext, createRSCPayloadKey });
     fetchRSCPromises[key] = promise;
     return promise;
   };
 
   const refetchComponent = (componentName: string, componentProps: unknown) => {
-    const key = createRSCPayloadKey(componentName, componentProps, railsContext);
+    const key = createRSCPayloadKey(componentName, componentProps);
     const promise = getServerComponent({
       componentName,
       componentProps,
       railsContext,
       enforceRefetch: true,
+      createRSCPayloadKey,
     });
     fetchRSCPromises[key] = promise;
     return promise;