From 4ecd533aef7aa235ef02cbabce794a7e61d7a9d1 Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean.perkins@outsystems.com>
Date: Wed, 17 Jul 2024 17:01:48 -0400
Subject: [PATCH] feat(IonRouteInner): migrate to functional component and
 react router 6

---
 .../src/ReactRouter/IonRouteInner.tsx         | 31 +++----------------
 1 file changed, 5 insertions(+), 26 deletions(-)

diff --git a/packages/react-router/src/ReactRouter/IonRouteInner.tsx b/packages/react-router/src/ReactRouter/IonRouteInner.tsx
index ddeb0e74d3..51b2f5c5e1 100644
--- a/packages/react-router/src/ReactRouter/IonRouteInner.tsx
+++ b/packages/react-router/src/ReactRouter/IonRouteInner.tsx
@@ -2,29 +2,8 @@ import type { IonRouteProps } from '@ionic/react';
 import React from 'react';
 import { Route } from 'react-router';
 
-export class IonRouteInner extends React.PureComponent<IonRouteProps> {
-  render() {
-    return (
-      <Route
-        path={this.props.path}
-        exact={this.props.exact}
-        render={this.props.render}
-        {
-          /**
-           * `computedMatch` is a private API in react-router v5 that
-           * has been removed in v6.
-           *
-           * This needs to be removed when we support v6.
-           *
-           * TODO: FW-647
-           */
-          ...((this.props as any).computedMatch !== undefined
-            ? {
-                computedMatch: (this.props as any).computedMatch,
-              }
-            : {})
-        }
-      />
-    );
-  }
-}
+export const IonRouteInner = ({ path, render }: IonRouteProps) => {
+  return (
+    <Route path={path} children={render} />
+  )
+}
\ No newline at end of file