model get lost in `deepCloneStateWithoutComputed` when using webpack harmony export

[magicdawn]

with tsconfig compilerOptions.module = esnext, the compiled code using __webpack_require__.d

& it's using defineProperty

// define getter function for harmony exports
	__webpack_require__.d = function(exports, name, getter) {
		if(!__webpack_require__.o(exports, name)) {
			Object.defineProperty(exports, name, { enumerable: true, get: getter });
		}
	};

will make code like

// @file src/models/index.ts

import count from './count'
export count

// @file src/store.ts
import * as models from './models/index'

models will have a count property with a getter.
final with the created store, the count model is lost.
when use useStoreState(state => state.count.num) will throw a error

demo code see
https://github.com/magicdawn/easy-peasy-demo
commit 1fd420c

[ctrlplusb]

Hi @magicdawn

Unfortunately there were quite a few syntax errors in your project.

You were importing your models incorrectly when creating the store, and had a few syntax errors in your components.

I fixed those and it seems to work.

You can see my changes here:

https://codesandbox.io/s/white-cherry-1n75x?file=/src/index.tsx