React Context Api - Provider implementation

Provider.js

import { SESSION_SET_USER_INFO } from '../constants'

const sessionData = {
  userName:'',
  userId
}

const orders = {
  orders: false
}

// context
export const AppContext = React.createContext()
export const AppConsumer = AppContext.Consumer

const reducer = (state, action) => {
  switch (action.type) {
    case SESSION_SET_USER_INFO:
      const newSessionInfo = Object.assign({}, state.sessionData, action.payload)
      return Object.assign({}, state, { sessionData: newSessionInfo })
  }
}

export class AppProvider extends Component {
  state = {
    sessionData: sessionData,
    orders: orders,
    dispatch: action => {
      this.setState(state => reducer(state, action))
    }
  }

  _dispatch = action => {
    this.setState(state => reducer(state, action))
  }

  render() {
    const { state, props: { children } } = this
    return (
      <AppContext.Provider value={state}>
        {this.props.children}
      </AppContext.Provider>
    )
  }
}