Update dependencies and improve Jest configuration for react-on-rails-pro

- Changed the version of "react-on-rails" in package.json from "^16.1.0" to "16.1.0" for consistency.
- Enhanced jest.config.js to allow Jest to transform the react-on-rails package from node_modules.
- Updated import paths in test files to reflect the new structure, ensuring proper module resolution.
- Added TypeScript error suppression for async components in SuspenseHydration.test.tsx.

These changes enhance the testing setup and ensure compatibility with the updated package structure.

Author: AbanoubGhadban

packages/react-on-rails-pro/jest.config.js

@@ -26,6 +26,9 @@ export default {
         }
       : {},
 
+  // Allow Jest to transform react-on-rails package from node_modules
+  transformIgnorePatterns: ['node_modules/(?!react-on-rails)'],
+
   // Set root directory to current package
   rootDir: '.',
 };

packages/react-on-rails-pro/package.json

@@ -44,7 +44,7 @@
     "./ServerComponentFetchError": "./lib/ServerComponentFetchError.js"
   },
   "dependencies": {
-    "react-on-rails": "^16.1.0"
+    "react-on-rails": "16.1.0"
   },
   "peerDependencies": {
     "react": ">= 16",

packages/react-on-rails-pro/tests/SuspenseHydration.test.tsx

@@ -50,6 +50,7 @@ const AsyncComponentContainer = ({
   });
   return (
     <Suspense fallback={<div>Loading...</div>}>
+      {/* @ts-expect-error - AsyncComponent is a valid React 19 async component, but TypeScript doesn't recognize it yet */}
       <AsyncComponent promise={promise} onRendered={onAsyncComponentRendered} />
     </Suspense>
   );

packages/react-on-rails-pro/tests/injectRSCPayload.test.ts

@@ -1,7 +1,7 @@
 import { Readable, PassThrough } from 'stream';
-import { RailsContextWithServerStreamingCapabilities } from '../src/types/index.ts';
-import injectRSCPayload from '../src/pro/injectRSCPayload.ts';
-import RSCRequestTracker from '../src/pro/RSCRequestTracker.ts';
+import { RailsContextWithServerStreamingCapabilities } from 'react-on-rails/types';
+import injectRSCPayload from '../src/injectRSCPayload.ts';
+import RSCRequestTracker from '../src/RSCRequestTracker.ts';
 
 // Shared utilities
 const createMockStream = (chunks: (string | Buffer)[] | { [key: number]: string | string[] }) => {

packages/react-on-rails-pro/tests/registerServerComponent.client.test.jsx

@@ -9,7 +9,7 @@ import { screen, act } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import * as path from 'path';
 import * as fs from 'fs';
-import { createNodeReadableStream, getNodeVersion } from '../../react-on-rails/tests/testUtils.js';
+import { createNodeReadableStream, getNodeVersion } from './testUtils.js';
 import ReactOnRails from '../src/index.ts';
 import registerServerComponent from '../src/registerServerComponent/client.tsx';
 import { clear as clearComponentRegistry } from '../src/ComponentRegistry.ts';
@@ -44,7 +44,7 @@ enableFetchMocks();
 
     expect(() => {
       // Re-import to trigger the check
-      jest.requireActual('../src/pro/wrapServerComponentRenderer/client.tsx');
+      jest.requireActual('../src/wrapServerComponentRenderer/client.tsx');
     }).toThrow('React.use is not defined');
   });