import React from 'react'
import { Provider } from 'react-redux'
import {
  asReduxStore,
  connectReduxDevtools,
} from 'mobx-state-tree/middleware/redux'
import remotedev from 'remotedev'

let connected = false

function asRedux(store) {
  const reduxStore = asReduxStore(store)

  // if (connected === false) {
  connectReduxDevtools(remotedev, reduxStore)
  // connected = true
  // }

  return reduxStore
}

function provideAsRedux(store, app) {
  const reduxStore = asRedux(store)

  return (
    <Provider store={reduxStore} tree={store}>
      {app}
    </Provider>
  )
}

export { asRedux, provideAsRedux }
export default asRedux