Previous Pathname Middleware

Description

Adds the previous pathname to router in redux store.

Usage

In store:

import { createStore, compose, applyMiddleware } from "redux"
import { routerMiddleware } from "connected-react-router"
import previousPathnameMiddleware from "@alexseitsinger/previous-pathname-middleware"

import createRootReducer from "../reducer"

function configureStore(history, initialState = {}) {
    const rootReducer = createRootReducer(history)
    const middleware = [previousPathnameMiddleware, routerMiddleware(history)]
    const storeEnhancers = compose(applyMiddleware(...middleware))
    const store = createStore(rootReducer, initialState, storeEnhancers)
    return store
}

In component:

import React from "react"
import PropTypes from "prop-types"
import { connect } from "react-redux"

function App({ previousPathname }) {
    return <div>App</div>
}

App.propTypes = {
    previousPathname: PropTypes.string.isRequired
}

const mapStateToProps = (state) => {
    return {
        previousPathname: state.router.previousPathname
    }
}

export default connect(mapStateToProps)(App)