add handleError.ts file

Author: AbanoubGhadban

packages/react-on-rails/src/base/full.ts

@@ -1,6 +1,6 @@
 import { createBaseClientObject, type BaseClientObjectType } from './client.ts';
 import type { ReactOnRailsInternal, RenderParams, RenderResult, ErrorOptions } from '../types/index.ts';
-import handleError from '../generateRenderingErrorMessage.ts';
+import handleError from '../handleError.ts';
 import serverRenderReactComponent from '../serverRenderReactComponent.ts';
 
 // Warn about bundle size when included in browser bundles

packages/react-on-rails/src/handleError.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { renderToString } from './ReactDOMServer.cts';
+import type { ErrorOptions } from './types/index.ts';
+import generateRenderingErrorMessage from './generateRenderingErrorMessage.ts';
+
+const handleError = (options: ErrorOptions): string => {
+  const msg = generateRenderingErrorMessage(options);
+  const reactElement = React.createElement('pre', null, msg);
+  return renderToString(reactElement);
+};
+
+export default handleError;

packages/react-on-rails/src/serverRenderReactComponent.ts

@@ -5,7 +5,7 @@ import type { ReactElement } from 'react';
 import createReactOutput from './createReactOutput.ts';
 import { isPromise, isServerRenderHash } from './isServerRenderResult.ts';
 import buildConsoleReplay from './buildConsoleReplay.ts';
-import handleError from './generateRenderingErrorMessage.ts';
+import handleError from './handleError.ts';
 import { renderToString } from './ReactDOMServer.cts';
 import { createResultObject, convertToError, validateComponent } from './serverRenderUtils.ts';
 import type {