[DevTools] Uncaught TypeError: Cannot read property '_topLevelWrapper' of undefined

[andycall]

1. How would you tag this issue?

• Bug

2. Describe your issue:
   

After clicking the push button, the page will throw the above error and the page will freeze.

This error will throw when React Developer Tools is enabled. It seems that there are some problems between rax and React Developer Tools.

version: Rax v1.0.6

Example Code:

import { createElement, useState } from 'rax';
import View from 'rax-view';

function Item(props) {
  const [bool, setState] = useState(false);

  let prop;

  if (bool) {
    prop = {
      style: {
        color: 'red'
      }
    }
  } else {
    prop = {};
  }

  return <button {...prop} onClick={() => setState(!bool)}>{props.index}</button>
}

export default function Home() {
  let [list, setList] = useState([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);

  return (
    <View style={styles.home}>
      <button onClick={() => {
        list = list.concat([0]);
        setList(list);
      }}>push</button>

      {list.map((_, index) => {
        return <Item key={index} index={index} />
      })}
    </View>
  );
}

[wssgcg1213]

合并到 #1273 吧 @andycall