Automatically setting basename using <base href> is deprecated and will be removed in the next major release. The semantics of <base href> are subtly different from basename. Please pass the basename explicitly in the options to createHistory

[nitish24p]

Ok i know this is a previous issue too, but when i tried solving the issue with the suggestion given in the earlier issue, i was unable to so can someone please help me out

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { createStore, combineReducers, applyMiddleware } from 'redux'
import { Provider } from 'react-redux'
import { Router, Route, browserHistory } from 'react-router';
import { syncHistoryWithStore, routerReducer } from 'react-router-redux'
import ReduxPromise from 'redux-promise';

import App from './components/App';
import Foo from './components/Foo';

import rootReducer from './reducers';



const createStoreWithMiddleware = applyMiddleware(ReduxPromise)(createStore);

const store = createStoreWithMiddleware(rootReducer, window.devToolsExtension && window.devToolsExtension());


const history = syncHistoryWithStore(browserHistory, store)



ReactDOM.render(
    <Provider store={store}>
    { /* Tell the Router to use our enhanced history */ }
    <Router history={history}>
      <Route path="/consult/ama" component={App} />
      <Route path="/consult/ama/foo" component={Foo}/>
    </Router>
  </Provider>,
  document.getElementById('mount-node')
);

I get the following error

Automatically setting basename using <base href> is deprecated and will be removed in the next major release. The semantics of <base href> are subtly different from basename. Please pass the basename explicitly in the options to createHistory

I tried using createHistory explicitly and pass a basename but to no avail. Can anyone help here.

[alisd23]

Try passing the history into the <Router /> instead of `browserHistory.

[nitish24p]

Sorry that was a typo.. updated the code.. i had passed history.. still getting the same
Im using gulp for the build process..

[alisd23]

Not sure, check versions and simplify the code until it starts working.

[nitish24p]

"react": "^15.3.2",
    "react-dom": "^15.3.2",
    "react-redux": "^4.4.5",
    "react-router": "^2.8.1",
    "react-router-redux": "^4.0.6",
    "redux": "^3.0.4"

[alisd23]

I don't think this is an issue with react-router. Try to get as close to the react-router-redux example as possible. I can't see something obviously wrong from your code.

[alisd23]

Maybe try reinstalling dependencies as well, and if you can link your repo I can have a quick look to see if there's anything obvious, there's not really enough information to go off from the code you've supplied.

[nitish24p]

Ok so the react app is only on 1 route which is part of an entire symfony app. I use nginx as the server config. So my site doesnt have a "/" path the home path for my site is actually "/consult" which is redirected to another repository via nginx and then in "/consult/ama" i have the react app set up. Can this error be possibly because of this configuration?

[alisd23]

Possibly, that does seem like quite a unique setup... Have you got a <base href="..." /> tag in your html? Sounds like your issue might be caused by a similar thing to this issue.

[nitish24p]

Ahh yes.. that seemed to be the issue.. was extending another parent file.. .. Closing.. Thanks @alisd23