@25sprout/react-starter/template/src/models/routing.js

25sprout web starter with React

import { createAction, handleActions } from 'redux-actions';
import { createContext, useContext } from 'react';

import history from 'store/history';

export const routeChange = createAction('ROUTE_LOCATION_CHANGE', location => location);

export const defaultState = { ...history.location };

export const reducer = {
	routing: handleActions(
		{
			ROUTE_LOCATION_CHANGE: (state, action) => ({
				...state,
				...action.payload,
			}),
		},
		defaultState,
	),
};

export const HistoryContext = createContext({
	location: { pathname: '/' },
});

export const useHistory = () => useContext(HistoryContext);