feat: displayName and expose history listen

src/components/Link.tsx

@@ -179,3 +179,5 @@ export const Link = forwardRef(
     );
   }
 );
+
+Link.displayName = 'Link';

src/components/RouteRenderer.tsx

@@ -168,3 +168,5 @@ export const RouteRenderer = ({
     </>
   );
 };
+
+RouteRenderer.displayName = 'RouteRenderer';

src/components/RouterProvider.tsx

@@ -12,3 +12,5 @@ export const RouterProvider = ({ children, router }: RouterProviderProps) => {
     <RouterContext.Provider value={router}>{children}</RouterContext.Provider>
   );
 };
+
+RouterProvider.displayName = 'RouterProvider';

src/hooks/__tests__/useHistory.test.tsx

@@ -11,6 +11,7 @@ const ContextWrapper = ({ children }: { children: ReactNode }) => {
         {
           history: {
             action: 'mockHistoryAction',
+            listen: 'mockHistoryListen',
             location: 'mockHistoryLocation',
           },
         } as unknown as RouterContextProps
@@ -37,6 +38,7 @@ describe('useHistory()', () => {
 
     expect(result.current).toEqual({
       action: 'mockHistoryAction',
+      listen: 'mockHistoryListen',
       location: 'mockHistoryLocation',
     });
   });

src/hooks/useHistory.ts

@@ -3,7 +3,10 @@ import { useContext } from 'react';
 import { isRouterContext, RouterContext } from '../context/RouterContext';
 import type { RouterContextProps } from '../types';
 
-type UseHistory<S extends State> = Pick<History<S>, 'action' | 'location'>;
+type UseHistory<S extends State> = Pick<
+  History<S>,
+  'action' | 'listen' | 'location'
+>;
 
 export const useHistory = <S extends State = State>(): UseHistory<S> => {
   const context = useContext(RouterContext) as RouterContextProps<S>;
@@ -14,7 +17,7 @@ export const useHistory = <S extends State = State>(): UseHistory<S> => {
     );
   }
 
-  const { action, location } = context.history;
+  const { action, listen, location } = context.history;
 
-  return { action, location };
+  return { action, listen, location };
 };