feat(react): React Router Enhancements (#21693)

packages/react/src/components/utils/ionRenderToString.ts

@@ -0,0 +1,37 @@
+import { SerializeDocumentOptions, renderToString } from '@ionic/core/hydrate';
+
+export async function ionRenderToString(html: string, userAgent: string, options: SerializeDocumentOptions = {}) {
+
+  const renderToStringOptions = Object.assign({}, {
+    clientHydrateAnnotations: false,
+    excludeComponents: [
+      // overlays
+      'ion-action-sheet',
+      'ion-alert',
+      'ion-loading',
+      'ion-modal',
+      'ion-picker',
+      'ion-popover',
+      'ion-toast',
+
+      // navigation
+      'ion-router',
+      'ion-route',
+      'ion-route-redirect',
+      'ion-router-link',
+      'ion-router-outlet',
+
+      // tabs
+      'ion-tabs',
+      'ion-tab',
+
+      // auxiliary
+      'ion-picker-column',
+      'ion-virtual-scroll'
+    ],
+    userAgent
+  }, options);
+
+  const ionHtml = await renderToString(html, renderToStringOptions);
+  return ionHtml.html;
+}