apiClient().get is not a function

[pereriksson]

I have tried this example with both axios and fetch drivers. I can though only get it to work for the fetch-adapter:

// TasksCollection.js
const apiPath = '/api'
import adapter from 'mobx-rest-axios-adapter'
import { apiClient, Collection, Model } from 'mobx-rest'

apiClient(adapter, { apiPath })

class Task extends Model { }
class Tasks extends Collection {
    url ()  { return `/tasks` }
    model () { return Task }
}

export default new Tasks()

// In a Mithril component
import tasksCollection from "../../mobx/TasksCollection";
tasksCollection.fetch({ data: { all: true } });

The error I get from this driver is:

TypeError: apiClient(...).get is not a function
    at Tasks.Collection.fetch (index.js:885)
    at executeAction$$1 (mobx.module.js:660)
    at Tasks.res (mobx.module.js:651)

[masylum]

hmmm.. That's strange, we actually use the axios adapter in Factorial in production. This is how we set it up:

// src/initializers/mobxRest.js
import adapter from 'factorial-mobx-rest-axios-adapter'
import { apiClient } from 'mobx-rest'
import { apiEndpoint } from 'config/Vars'

export default () => {
  apiClient(adapter, {
    apiPath: apiEndpoint,
    commonOptions: { withCredentials: true }
  })
}

[masylum]

Perhaps the loading order is incorrect? We call this initializer before doing anything in the application to ensure the adapter is setup.