How to use Redux and MobX on same project

Question

Both Redux and MobX seem to have their own custom 'Provider' which makes using both in the same project, not possible. Did any one manage to solve this some how?

Answer 1

Haven't tested it but if you want to avoid naming collisions you could give custom names when importing those Providers

import { Provider as ReduxProvider } from 'react-redux'
import { Provider as MobxProvider} from 'mobx-react'


// ...

ReactDOM.render(
  (<ReduxProvider store={yourReduxStore}>
    <MobxProvider someStore={yourMobxStore}>
      <App />
    </MobxProvider>
  </ReduxProvider>
 ),
 document.querySelector('#yourMountingPoint')
)