Fixed back page error

src/App.tsx

@@ -29,11 +29,11 @@ const App: React.FC = () => (
   <IonApp>
     <IonReactRouter>
       <IonRouterOutlet>
-        <Route path="/order/:id" component={OrderDetailPage} />
         <Route exact path="/home" component={Home} />
         <Route exact path="/">
           <Redirect to="/home" />
         </Route>
+        <Route path="/order/:id" component={OrderDetailPage} />
       </IonRouterOutlet>
     </IonReactRouter>
   </IonApp>

src/pages/OrderDetailPage.tsx

@@ -6,10 +6,10 @@ import { Order } from '../models/Order';
 interface OrderDetailProps extends RouteComponentProps<{ id: string }> {}
 
 const OrderDetailPage: React.FC<OrderDetailProps> = ({ match, location }) => {
-    const order = (location.state as any).order as Order;
+    const order = (location.state as { order: Order }) ? (location.state as { order: Order }).order : null;
     if (!order) {
-        // Manejar el caso donde no se proporciona ningún pedido
-        return <div>No se ha proporcionado ningún pedido</div>;
+      // Manejar el caso donde no se proporciona ningún pedido
+      return <div>No se ha proporcionado ningún pedido</div>;
     }
 
   return (