Iphone IOS10 Safari array map function not work in react render

[ximing]

React Easy State version: 7.0.0-alpha.1
Platform: Iphone IOS10 Safari

Describe the bug
in ios10 safari ,
use store wrap a array,
in react render function ,use this array's map function not render item

This is the right situation

This is the problematic situation

This is the source code

const datas = store({ list: [{ a: 1 }, { a: 2 }] });

function App() {
  const items = [];
  datas.list.forEach(item => {
    items.push(<div key={item.a}>{item.a}</div>);
  });
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      {datas.list.map(item => {
        return <div key={item.a}>{item.a}</div>;
      })}
      <div>===============</div>
      {items}
    </div>
  );
}

export default view(App);

---

For tougher bugs

To Reproduce

https://codesandbox.io/s/react-easy-state-alpha-42dgc?file=/src/App.js

---

[ximing]

I added the following code

console.log(items, [...datas.list.map(item=><div key={item.a}>{item.a}</div>)])

Safari IOS10 print

Chrome print

[ximing]

The error should have occurred in this package @nx-js/observer-util
in observable.js file remove typeof child === 'function' IOS10 is OK

This is the first time I have checked the source code of this package, it is not clear why this happens

[ximing]

Is caused by this nx-js/observer-util#48