removed the functionality of caching components, react already caches them

Author: AbanoubGhadban

node_package/src/RSCProvider.tsx

@@ -4,8 +4,6 @@ import getReactServerComponent from './getReactServerComponent.client.ts';
 import { createRSCPayloadKey } from './utils.ts';
 
 type RSCContextType = {
-  getCachedComponent: (componentName: string, componentProps: unknown) => React.ReactNode;
-
   getComponent: (componentName: string, componentProps: unknown) => Promise<React.ReactNode>;
 
   refetchComponent: (componentName: string, componentProps: unknown) => Promise<React.ReactNode>;
@@ -39,31 +37,21 @@ export const createRSCProvider = ({
   railsContext: RailsContextWithComponentSpecificMetadata;
   getServerComponent: typeof getReactServerComponent;
 }) => {
-  const cachedComponents: Record<string, React.ReactNode> = {};
   const fetchRSCPromises: Record<string, Promise<React.ReactNode>> = {};
 
-  const getCachedComponent = (componentName: string, componentProps: unknown) => {
-    const key = createRSCPayloadKey(componentName, componentProps, railsContext);
-    return cachedComponents[key];
-  };
-
   const getComponent = (componentName: string, componentProps: unknown) => {
     const key = createRSCPayloadKey(componentName, componentProps, railsContext);
     if (key in fetchRSCPromises) {
       return fetchRSCPromises[key];
     }
 
-    const promise = getServerComponent({ componentName, componentProps, railsContext }).then((rsc) => {
-      cachedComponents[key] = rsc;
-      return rsc;
-    });
+    const promise = getServerComponent({ componentName, componentProps, railsContext });
     fetchRSCPromises[key] = promise;
     return promise;
   };
 
   const refetchComponent = (componentName: string, componentProps: unknown) => {
     const key = createRSCPayloadKey(componentName, componentProps, railsContext);
-    cachedComponents[key] = undefined;
     const promise = getServerComponent({
       componentName,
       componentProps,
@@ -74,7 +62,7 @@ export const createRSCProvider = ({
     return promise;
   };
 
-  const contextValue = { getCachedComponent, getComponent, refetchComponent };
+  const contextValue = { getComponent, refetchComponent };
 
   return ({ children }: { children: React.ReactNode }) => {
     return <RSCContext.Provider value={contextValue}>{children}</RSCContext.Provider>;
@@ -85,8 +73,8 @@ export const createRSCProvider = ({
  * Hook to access the RSC context within client components.
  *
  * This hook provides access to:
- * - getCachedComponent: For retrieving already rendered server components
  * - getComponent: For fetching and rendering server components
+ * - refetchComponent: For refetching server components
  *
  * It must be used within a component wrapped by RSCProvider (typically done
  * automatically by wrapServerComponentRenderer).

node_package/src/getReactServerComponent.client.ts

@@ -121,7 +121,7 @@ const createFromPreloadedPayloads = (payloads: string[]) => {
  * @returns A Promise resolving to the rendered React element
  *
  * @important This is an internal function. End users should not use this directly.
- * Instead, use the useRSC hook which provides getComponent and getCachedComponent functions
+ * Instead, use the useRSC hook which provides getComponent and refetchComponent functions
  * for fetching or retrieving cached server components. For rendering server components,
  * consider using RSCRoute component which handles the rendering logic automatically.
  */

node_package/src/getReactServerComponent.server.ts

@@ -50,7 +50,7 @@ const createFromReactOnRailsNodeStream = async (
  * @returns A Promise resolving to the rendered React element
  *
  * @important This is an internal function. End users should not use this directly.
- * Instead, use the useRSC hook which provides getComponent and getCachedComponent functions
+ * Instead, use the useRSC hook which provides getComponent and refetchComponent functions
  * for fetching or retrieving cached server components. For rendering server components,
  * consider using RSCRoute component which handles the rendering logic automatically.
  */