@vowel.to/client v0.3.3-beta

---

@vowel.to/client / index / createReactRouterHookAdapter

Function: createReactRouterHookAdapter()

function createReactRouterHookAdapter(
   navigate, 
   pathname, 
   routes?): NavigationAdapter;

Defined in: lib/vowel/adapters/navigation/react-router-navigation-adapter.ts:247

Create a React Router adapter with just pathname (simpler version)

Parameters

Parameter	Type	Description
navigate	ReactRouterNavigateFunction	navigate function from useNavigate() hook
pathname	string	current pathname from useLocation().pathname
routes?	VowelRoute[]	Optional array of routes

Returns

NavigationAdapter

NavigationAdapter

Example

import { useNavigate, useLocation } from 'react-router-dom';
import { createReactRouterHookAdapter } from '@vowel.to/client/adapters/navigation';

function App() {
  const navigate = useNavigate();
  const { pathname } = useLocation();
  
  const navigationAdapter = useMemo(
    () => createReactRouterHookAdapter(navigate, pathname),
    [navigate, pathname]
  );
  
  return <Vowel navigationAdapter={navigationAdapter} />;
}