Function RouterProvider

packages/react-aria/src/utils/openLink.tsx:53–79

(props: RouterProviderProps)

 * and provides it to all nested React Aria links to enable client side navigation.
 */
export function RouterProvider(props: RouterProviderProps): JSX.Element {
  let {children, navigate, useHref} = props;

  let ctx = useMemo(
    () => ({
      isNative: false,
      open: (
        target: Element,
        modifiers: Modifiers,
        href: Href,
        routerOptions: RouterOptions | undefined
      ) => {
        getSyntheticLink(target, link => {
          if (shouldClientNavigate(link, modifiers)) {
            navigate(href, routerOptions);
          } else {
            openLink(link, modifiers);
          }
        });
      },
      useHref: useHref || (href => href)
    }),
    [navigate, useHref]
  );

  return <RouterContext.Provider value={ctx}>{children}</RouterContext.Provider>;
}

export function useRouter(): Router {
  return useContext(RouterContext);