piral-core 1.10.2-beta.bcfd89f → 1.10.2-beta.c944cfd

package/lib/defaults/DefaultRouteSwitch_v6.js

@@ -1,11 +1,27 @@
 import * as React from 'react';
 //@ts-ignore
-import { Routes, Route } from 'react-router-dom';
+import { Routes, Route, useParams, useLocation, useNavigate } from 'react-router-dom';
+function getHistory(navigate) {
+    return {
+        push(path, state) {
+            navigate(path, { replace: false, state });
+        },
+        replace(path, state) {
+            navigate(path, { replace: true, state });
+        },
+    };
+}
+const RouteContentWrapper = ({ Component }) => {
+    const navigate = useNavigate();
+    const params = useParams();
+    const loc = useLocation();
+    return (React.createElement(Component, { history: getHistory(navigate), location: loc, match: { params, isExact: true, path: loc.pathname, url: location.href } }));
+};
 export const DefaultRouteSwitch = ({ paths, NotFound, ...props }) => {
     return (React.createElement(Routes, { ...props },
         paths.map(({ path, Component }) => (
         //@ts-ignore
-        React.createElement(Route, { key: path, path: path, element: React.createElement(Component, null) }))),
+        React.createElement(Route, { key: path, path: path, element: React.createElement(RouteContentWrapper, { Component: Component }) }))),
         //@ts-ignore
         React.createElement(Route, { path: "*", element: React.createElement(NotFound, null) })));
 };

package/lib/defaults/DefaultRouteSwitch_v6.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRouteSwitch_v6.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouteSwitch_v6.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,YAAY;AACZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,CAAC,MAAM,kBAAkB,GAA+B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;QAClC,YAAY;QACZ,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAC,SAAS,OAAG,GAAI,CACzD,CAAC;QAEA,YAAY;QACZ,oBAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,oBAAC,QAAQ,OAAG,GAAI,CAEpC,CACV,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"DefaultRouteSwitch_v6.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouteSwitch_v6.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,YAAY;AACZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGtF,SAAS,UAAU,CAAC,QAAa;IAC/B,OAAO;QACL,IAAI,CAAC,IAAY,EAAE,KAAU;YAC3B,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAC5C,CAAC;QACD,OAAO,CAAC,IAAY,EAAE,KAAU;YAC9B,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3C,CAAC;KACF,CAAC;AACJ,CAAC;AAMD,MAAM,mBAAmB,GAAuC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,GAAG,GAAG,WAAW,EAAE,CAAC;IAE1B,OAAO,CACL,oBAAC,SAAS,IACR,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC7B,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,IAAI,EAAE,GACxE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA+B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;QAClC,YAAY;QACZ,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,GAAI,GAAI,CACzF,CAAC;QAEA,YAAY;QACZ,oBAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,oBAAC,QAAQ,OAAG,GAAI,CAEpC,CACV,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/lib/defaults/DefaultRouteSwitch_v7.js

@@ -1,11 +1,27 @@
 import * as React from 'react';
 //@ts-ignore
-import { Routes, Route } from 'react-router';
+import { Routes, Route, useParams, useLocation, useNavigate } from 'react-router';
+function getHistory(navigate) {
+    return {
+        push(path, state) {
+            navigate(path, { replace: false, state });
+        },
+        replace(path, state) {
+            navigate(path, { replace: true, state });
+        },
+    };
+}
+const RouteContentWrapper = ({ Component }) => {
+    const navigate = useNavigate();
+    const params = useParams();
+    const loc = useLocation();
+    return (React.createElement(Component, { history: getHistory(navigate), location: loc, match: { params, isExact: true, path: loc.pathname, url: location.href } }));
+};
 export const DefaultRouteSwitch = ({ paths, NotFound, ...props }) => {
     return (React.createElement(Routes, { ...props },
         paths.map(({ path, Component }) => (
         //@ts-ignore
-        React.createElement(Route, { key: path, path: path, element: React.createElement(Component, null) }))),
+        React.createElement(Route, { key: path, path: path, element: React.createElement(RouteContentWrapper, { Component: Component }) }))),
         //@ts-ignore
         React.createElement(Route, { path: "*", element: React.createElement(NotFound, null) })));
 };

package/lib/defaults/DefaultRouteSwitch_v7.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRouteSwitch_v7.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouteSwitch_v7.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,YAAY;AACZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG7C,MAAM,CAAC,MAAM,kBAAkB,GAA+B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;QAClC,YAAY;QACZ,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAC,SAAS,OAAG,GAAI,CACzD,CAAC;QAEA,YAAY;QACZ,oBAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,oBAAC,QAAQ,OAAG,GAAI,CAEpC,CACV,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"DefaultRouteSwitch_v7.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouteSwitch_v7.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,YAAY;AACZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGlF,SAAS,UAAU,CAAC,QAAa;IAC/B,OAAO;QACL,IAAI,CAAC,IAAY,EAAE,KAAU;YAC3B,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAC5C,CAAC;QACD,OAAO,CAAC,IAAY,EAAE,KAAU;YAC9B,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3C,CAAC;KACF,CAAC;AACJ,CAAC;AAMD,MAAM,mBAAmB,GAAuC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,GAAG,GAAG,WAAW,EAAE,CAAC;IAE1B,OAAO,CACL,oBAAC,SAAS,IACR,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC7B,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,IAAI,EAAE,GACxE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA+B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;QAClC,YAAY;QACZ,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,GAAI,GAAI,CACzF,CAAC;QAEA,YAAY;QACZ,oBAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,oBAAC,QAAQ,OAAG,GAAI,CAEpC,CACV,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/lib/defaults/DefaultRouteSwitch_wouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultRouteSwitch_wouter.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouteSwitch_wouter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,YAAY;AACZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAG/D,SAAS,UAAU,CAAC,QAAa;IAC/B,OAAO;QACL,IAAI,CAAC,IAAY,EAAE,KAAU;YAC3B,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAC5C,CAAC;QACD,OAAO,CAAC,IAAY,EAAE,KAAU;YAC9B,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3C,CAAC;KACF,CAAC;AACJ,CAAC;AAMD,MAAM,mBAAmB,GAAuC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,WAAW,EAAE,CAAC;IAC3C,OAAO,CACL,oBAAC,SAAS,IACR,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC7B,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EACtF,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,IAAI,EAAE,GACpE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA+B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;YAC1B,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,GAAI,CACvC,CACT,CAAC;QACF,oBAAC,KAAK;YACJ,oBAAC,mBAAmB,IAAC,SAAS,EAAE,QAAQ,GAAI,CACtC,CACD,CACV,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"DefaultRouteSwitch_wouter.js","sourceRoot":"","sources":["../../src/defaults/DefaultRouteSwitch_wouter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,YAAY;AACZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAG/D,SAAS,UAAU,CAAC,QAAa;IAC/B,OAAO;QACL,IAAI,CAAC,IAAY,EAAE,KAAU;YAC3B,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAC5C,CAAC;QACD,OAAO,CAAC,IAAY,EAAE,KAAU;YAC9B,QAAQ,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3C,CAAC;KACF,CAAC;AACJ,CAAC;AAMD,MAAM,mBAAmB,GAAuC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,WAAW,EAAE,CAAC;IAE3C,OAAO,CACL,oBAAC,SAAS,IACR,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC7B,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EACtF,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,IAAI,EAAE,GACpE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA+B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK;QACd,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;YAC1B,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,GAAI,CACvC,CACT,CAAC;QACF,oBAAC,KAAK;YACJ,oBAAC,mBAAmB,IAAC,SAAS,EAAE,QAAQ,GAAI,CACtC,CACD,CACV,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/lib/types/api.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-import type { RouteComponentProps } from 'react-router';
+import type { History, Location } from 'history';
 import type { PiletApi, Pilet, PiletEntry, PiletEntries, PiletMetadata, EventEmitter, PiletLoader, PiletLoadingStrategy } from 'piral-base';
 import type { PiletCustomApi } from './custom';
 import type { AnyComponent, PiralPageMeta } from './components';
@@ -38,12 +38,47 @@ export interface ExtensionComponentProps<T> extends BaseComponentProps {
      */
     children?: ReactNode;
 }
+/**
+ * The match object determining what exactly has been matched for the current navigation.
+ */
+export interface RouteMatch<Params extends {
+    [K in keyof Params]?: string;
+} = {}> {
+    /**
+     * The parameters extracted from the current navigation.
+     */
+    params: Params;
+    /**
+     * Indicates if the parameters have been matched exactly.
+     */
+    isExact: boolean;
+    /**
+     * The relative path.
+     */
+    path: string;
+    /**
+     * The fully qualified URL.
+     */
+    url: string;
+}
 /**
  * The props that every registered page component obtains.
  */
 export interface RouteBaseProps<UrlParams extends {
     [K in keyof UrlParams]?: string;
-} = {}, UrlState = any> extends RouteComponentProps<UrlParams, {}, UrlState>, BaseComponentProps {
+} = {}, UrlState = any> extends BaseComponentProps {
+    /**
+     * The history API to navigate.
+     */
+    history: History<UrlState>;
+    /**
+     * Information about the current location.
+     */
+    location: Location<UrlState>;
+    /**
+     * Information about the matching of the current route.
+     */
+    match: RouteMatch<UrlParams>;
 }
 /**
  * The props used by a page component.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-core",
-  "version": "1.10.2-beta.bcfd89f",
+  "version": "1.10.2-beta.c944cfd",
   "description": "The core library for creating a Piral instance.",
   "keywords": [
     "portal",
@@ -63,8 +63,8 @@
     "test": "echo \"Error: run tests from root\" && exit 1"
   },
   "dependencies": {
-    "piral-base": "1.10.2-beta.bcfd89f",
-    "piral-debug-utils": "1.10.2-beta.bcfd89f",
+    "piral-base": "1.10.2-beta.c944cfd",
+    "piral-debug-utils": "1.10.2-beta.c944cfd",
     "zustand": "^3.0.0"
   },
   "devDependencies": {
@@ -84,5 +84,5 @@
     "react-router-dom",
     "tslib"
   ],
-  "gitHead": "bcfd89f9f012d80d58769664e72415bdcee27a3d"
+  "gitHead": "c944cfdddc642d5bf44c3494b3b8632bb5d45431"
 }

package/src/defaults/DefaultRouteSwitch_v6.tsx

@@ -1,14 +1,43 @@
 import * as React from 'react';
 //@ts-ignore
-import { Routes, Route } from 'react-router-dom';
+import { Routes, Route, useParams, useLocation, useNavigate } from 'react-router-dom';
 import { RouteSwitchProps } from '../types';
 
+function getHistory(navigate: any): any {
+  return {
+    push(path: string, state: any) {
+      navigate(path, { replace: false, state });
+    },
+    replace(path: string, state: any) {
+      navigate(path, { replace: true, state });
+    },
+  };
+}
+
+interface RouteContentWrapperProps {
+  Component: RouteSwitchProps['paths'][0]['Component'];
+}
+
+const RouteContentWrapper: React.FC<RouteContentWrapperProps> = ({ Component }) => {
+  const navigate = useNavigate();
+  const params = useParams();
+  const loc = useLocation();
+
+  return (
+    <Component
+      history={getHistory(navigate)}
+      location={loc}
+      match={{ params, isExact: true, path: loc.pathname, url: location.href }}
+    />
+  );
+};
+
 export const DefaultRouteSwitch: React.FC<RouteSwitchProps> = ({ paths, NotFound, ...props }) => {
   return (
     <Routes {...props}>
       {paths.map(({ path, Component }) => (
         //@ts-ignore
-        <Route key={path} path={path} element={<Component />} />
+        <Route key={path} path={path} element={<RouteContentWrapper Component={Component} />} />
       ))}
       {
         //@ts-ignore

package/src/defaults/DefaultRouteSwitch_v7.tsx

@@ -1,14 +1,43 @@
 import * as React from 'react';
 //@ts-ignore
-import { Routes, Route } from 'react-router';
+import { Routes, Route, useParams, useLocation, useNavigate } from 'react-router';
 import { RouteSwitchProps } from '../types';
 
+function getHistory(navigate: any): any {
+  return {
+    push(path: string, state: any) {
+      navigate(path, { replace: false, state });
+    },
+    replace(path: string, state: any) {
+      navigate(path, { replace: true, state });
+    },
+  };
+}
+
+interface RouteContentWrapperProps {
+  Component: RouteSwitchProps['paths'][0]['Component'];
+}
+
+const RouteContentWrapper: React.FC<RouteContentWrapperProps> = ({ Component }) => {
+  const navigate = useNavigate();
+  const params = useParams();
+  const loc = useLocation();
+
+  return (
+    <Component
+      history={getHistory(navigate)}
+      location={loc}
+      match={{ params, isExact: true, path: loc.pathname, url: location.href }}
+    />
+  );
+};
+
 export const DefaultRouteSwitch: React.FC<RouteSwitchProps> = ({ paths, NotFound, ...props }) => {
   return (
     <Routes {...props}>
       {paths.map(({ path, Component }) => (
         //@ts-ignore
-        <Route key={path} path={path} element={<Component />} />
+        <Route key={path} path={path} element={<RouteContentWrapper Component={Component} />} />
       ))}
       {
         //@ts-ignore

package/src/defaults/DefaultRouteSwitch_wouter.tsx

@@ -21,6 +21,7 @@ interface RouteContentWrapperProps {
 const RouteContentWrapper: React.FC<RouteContentWrapperProps> = ({ Component }) => {
   const params = useParams();
   const [pathname, navigate] = useLocation();
+
   return (
     <Component
       history={getHistory(navigate)}

package/src/types/api.ts

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-import type { RouteComponentProps } from 'react-router';
+import type { History, Location } from 'history';
 import type {
   PiletApi,
   Pilet,
@@ -53,12 +53,46 @@ export interface ExtensionComponentProps<T> extends BaseComponentProps {
   children?: ReactNode;
 }
 
+/**
+ * The match object determining what exactly has been matched for the current navigation.
+ */
+export interface RouteMatch<Params extends { [K in keyof Params]?: string } = {}> {
+  /**
+   * The parameters extracted from the current navigation.
+   */
+  params: Params;
+  /**
+   * Indicates if the parameters have been matched exactly.
+   */
+  isExact: boolean;
+  /**
+   * The relative path.
+   */
+  path: string;
+  /**
+   * The fully qualified URL.
+   */
+  url: string;
+}
+
 /**
  * The props that every registered page component obtains.
  */
 export interface RouteBaseProps<UrlParams extends { [K in keyof UrlParams]?: string } = {}, UrlState = any>
-  extends RouteComponentProps<UrlParams, {}, UrlState>,
-    BaseComponentProps {}
+  extends BaseComponentProps {
+  /**
+   * The history API to navigate.
+   */
+  history: History<UrlState>;
+  /**
+   * Information about the current location.
+   */
+  location: Location<UrlState>;
+  /**
+   * Information about the matching of the current route.
+   */
+  match: RouteMatch<UrlParams>;
+}
 
 /**
  * The props used by a page component.
@@ -80,8 +114,8 @@ export interface PageComponentProps<T extends { [K in keyof T]?: string } = {},
 export type AnyExtensionComponent<TName> = TName extends keyof PiralExtensionSlotMap
   ? AnyComponent<ExtensionComponentProps<TName>>
   : TName extends string
-  ? AnyComponent<ExtensionComponentProps<any>>
-  : AnyComponent<ExtensionComponentProps<TName>>;
+    ? AnyComponent<ExtensionComponentProps<any>>
+    : AnyComponent<ExtensionComponentProps<TName>>;
 
 /**
  * Defines the Pilet API from piral-core.