React native + Mobx, @inject decorator throws an error

Question

I'm trying to use mobx with react native and stuck into a problem.

@inject('someStore')
@observer
export class SomeComponent extends Component {
   render() {
       ...
   }
}

I'm sure I configured properly babel plugins for decorator but @inject decorator gives me an exception "Expected a constructor.".

I have no idea why this happen since I had used mobx in this way in an other project. Does anyone had been through this issue?

score 3 · Accepted Answer · edited Jun 08 '19 at 10:45

3

I downgraded the mobx-react version to 5.4.4 and I can confirm that it works.

Try to downgrade mobx-react.

yarn add mobx-react@5.4.4

edited Jun 08 '19 at 10:45

Rich Michaels

1,540
2
10
18

answered Jun 08 '19 at 09:23

bkm412

907
2
10

score 1 · Answer 2 · answered Sep 03 '19 at 11:24

1

Rewriting the class as below worked for me

"mobx": "^5.13.0","mobx-react": "^6.1.3"

class LoginScreen extends React.Component {

}

export default inject("userStore")(observer(LoginScreen));

answered Sep 03 '19 at 11:24

SkyTreasure

755
1
9
20

score 1 · Answer 3 · answered Sep 24 '19 at 18:18

"mobx-react": "^6.1.3" it works for me

import React, { Component } from 'react';
import {observer, inject} from 'mobx-react';

class SomeComponent extends Component {
class_content
}

export default inject('someStore', 'someStore' /* here you can add as many store files as you need */)(observer(SomeComponent));

But don't forget to add Provider to your App.js or which is your main file

React native + Mobx, @inject decorator throws an error

3 Answers3

"mobx": "^5.13.0","mobx-react": "^6.1.3"