return <span prop={props.children} />;
    }
    function Foo(props) {
      return (
        <div>
          <div hidden={true}>
            <Middle>{props.text}</Middle>
          </div>
        </div>
      );
    }
    ReactNoop.render(<Foo text="foo" />);
    ReactNoop.flush();
    expect(ReactNoop.getChildren()).toEqual([div(div(span('foo')))]);
    ReactNoop.render(<Foo text="bar" />);
    ReactNoop.flushDeferredPri(20);
    expect(ReactNoop.getChildren()).toEqual([div(div(span('foo')))]);
    ReactNoop.flush();
    expect(ReactNoop.getChildren()).toEqual([div(div(span('bar')))]);
  });
  it('can reuse side-effects after being preempted', () => {
    function Bar(props) {