Refactored outlets

src/main/Link.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, MouseEvent, ReactElement, useEffect } from 'react';
-import { useNavigation } from './hooks';
 import { LocationOptions, To } from './types';
+import { useNavigation } from './useNavigation';
 
 /**
  * Props of the {@link Link} component.
@@ -62,3 +62,5 @@ export function Link(props: LinkProps): ReactElement {
     />
   );
 }
+
+Link.displayName = 'Link';

src/main/Navigation.ts

@@ -1,7 +1,13 @@
-import { toLocation } from './utils';
 import { matchRoutes } from './matchRoutes';
 import { Router, RouterProps } from './Router';
 import { To } from './types';
+import { toLocation } from './utils';
+
+// export interface RouteSnapshot<Params, Data> {
+//   params: Params;
+//   data: Data;
+//   isLoading: boolean;
+// }
 
 /**
  * Provides components a way to trigger router navigation.
@@ -15,6 +21,18 @@ export class Navigation {
    */
   constructor(private _router: Router<any>) {}
 
+  // get isLoading(): boolean {
+  //   return false;
+  // }
+  //
+  // isRendered(route: Route): boolean {
+  //   return false;
+  // }
+  //
+  // get<Params extends object | void, Data>(route: Route<any, Params, Data>): RouteSnapshot<Params, Data> {
+  //   return null!;
+  // }
+
   /**
    * Triggers {@link RouterProps.onPush} with the requested location.
    *
@@ -49,15 +67,15 @@ export class Navigation {
    */
   prefetch(to: To): boolean {
     const location = toLocation(to);
-    const { routes, context } = this._router.props as RouterProps<unknown>;
+    const { routes, context } = this._router.props;
 
     const routeMatches = matchRoutes(location.pathname, location.searchParams, routes);
 
     if (routeMatches === null) {
       return false;
     }
     for (const routeMatch of routeMatches) {
-      routeMatch.route.prefetch(routeMatch.params, context);
+      routeMatch.route.loader(routeMatch.params, context);
     }
     return true;
   }