mobx-state-tree | Full-featured reactive state management | State Container library

getting in valid hook error in a re write of a clients app... (upgrading code)

mobx 6.3.8 mobx react 7.2.1 and mobx-state-tree 5.0.5 React 17.0.1 RN 0.64.3

i feel like the error is here. i googled the code line for use stores and it led me to the deprecated site... i dont know where to find new handling in the https://mobx.js.org/react-integration.html site... what would this be called?

I have an application built with NextJs (and React) and mobx-state-tree (but could be context or redux) as a package manager. All the stores are created and handled in an npm package called SMK (state management kit) that I created to make the sub-stores reusable in my mobile and web application.

How it works:

1. Create the sub-store with models, actions and views on the SMK and export it as a module.
2. Add the SMK using yarn add @my-repo/smk.
3. Create the root store in my app and import the sub-store from SMK as a child of the root store.
4. Build and start the app and everything is working well.

But I need to run and publish the SMK locally to make it easier development. The solution I used to use is yalc.

Using yalc and running it locally this is the process:

1. In the SMK, runs yarn start. (This will do nodemon --ignore src/index.ts -e js,ts,tsx,json --watch src/ --exec yalc push --scripts)
2. In the APP, runs yalc add @my-repo/smk. (This will add a dependency like "@my-repo/smk": "file:.yalc/@my-repo/smk").
3. In the APP, runs yarn build and then yarn start

And voila! Everything is working perfect, any change I did locally on my SMK is working perfectly on the APP.

BUT, when I run yarn dev that do next dev as default of NextJs it doesn't work.

This is the error I'm facing:

Error explanation: As I only added the setTestingState and testingState locally, it's saying that it doesn't exist.

Possible reason: The fast refresh is not refreshing the cache properly.

I've tried:

• Add // @refresh reset to force it, but didn't work.
• Stop and start the application.
• Build, start and then run dev. (works for build and not for dev)

What is the solution/workaround to solve this issue with yarn dev and yalc?

3.5 and Expo version 43

we are moving an existng code file over to use in expo our user store model... having a hard time reaching the .actions items and no idea how to research this.

example code of where we are trying to use the action in

I am experiencing difficulty writing tests for react-native typescript screen using instructions from the URL below https://react-native-async-storage.github.io/async-storage/docs/advanced/jest/

I keep getting the below error

FAIL app/screens/login/login-screen.test.tsx ● Test suite failed to run

I have a problem with changing the value in my state. I have

I'm learning mobX-state-tree, and in their tutorial code, i see this

I am trying to set the vehicles array to the array that I am getting from the store. However, it seems that Typescript is complaining about something.

My model looks like this:

it's the first time I use react-intl with Mobx state tree.

Basically I have two buttons in the header (it and en) that on click set the current language saved in a Mobx State Tree variable.

Something like this.

In my state:

I'm really stuck with the problem. I have a nested menu. After click on the first menu level second level items shows up. After click on one of the children nothing happens. Looks like the observer don't work for deep levels items. I don't know if the "late" type could be a problem. Everything is described in the code: https://codesandbox.io/s/mobx-state-tree-recursive-deep-menu-p7eqj

Thanks in advance