Mobx `inject()` + `observe()` in one comfortable function = `mobxify()`

App.js

import React, {Component} from 'react'
import {View, Text} from 'react-native'
import {mobxify} from 'utils'

class App extends Component {
  render() {
    return (
      <View>
        <Text>mobxify is awesome!</Text>
      </View>
    );
  }
}

// do:
export default mobxify(["myStore"], App);

// instead of:
// export default inject(["myStore"])(observer(App));

utils.js

/**
 * @providesModule utils
 */

import {observer, inject} from 'mobx-react/native'

export const mobxify = (injectable, Comp) => {
    if(typeof injectable !== 'string' && !(injectable instanceof Array)) {
        Comp = injectable;
        return observer(Comp)
    }
    
    return inject(injectable)(observer(Comp));
};