Alt JS Loading Bug

OrderSource.coffee

OrderSource = {
  fetchOrders: {
    remote: -> axios.get('/orders.json'),
    loading: OrderActions.loadingOrders,
    success: OrderActions.fetchOrdersCompleted,
    error: OrderActions.fetchOrdersFailed,
  }
}
module.exports = OrderSource

OrdersPage.coffee

class OrdersPage extends React.Component
  @getStores: (props) ->
    [OrderStore]

  @getPropsFromStores: (props) ->
    OrderStore.getState()

  componentDidMount: ->
    OrderStore.fetchOrders()

  loadingIndicator: ->
    return unless @props.loading
    <FontAwesome className="loading-indicator" name="refresh" size="2x" spin />
    
  render: ->
    <div>
      {@loadingIndicator()}
    </div>
  
module.exports = connectToStores(OrdersPage)

OrderStore.coffee

class OrderStore
  constructor: ->
    @orders = []
    @error = null
    @loading = false

    @bindActions(OrderActions)
    @registerAsync(OrderSource)

  onLoadingOrders: ->
    @error = null
    @loading = true
    @orders = []

  onFetchOrdersCompleted: (response) ->
    @error = null
    @loading = false
    @orders = response.data if response.status == 200

module.exports = alt.createStore(OrderStore, 'OrderStore')