Adding a base URL to an app using Redux-Router + React-Router

Question

I\'m using React-Router 1.0.0-rc3 together with Redux-Router 1.0.0-beta3.

When using React-Router, you can use useBasename with createHistory

Answer 1

For react-router v2 or v3 and using react-router-redux v4 instead of redux-router, the setup of the history object will look like this:

import { createHistory } from 'history'
import { useRouterHistory } from 'react-router'
import { syncHistoryWithStore } from 'react-router-redux'

const browserHistory = useRouterHistory(createHistory)({
  basename: ''
})
const history = syncHistoryWithStore(browserHistory, store)

The rest of the setup is as usual when there is no extra base URL.