title: Not Supported Error when testing suspense
body: <p>I'm getting a strange error when trying to use <code>react-testing-library</code> to test <code>React.Suspense</code>.  The error just says "Not Supported" but doesn't give any real insight into the problem.  I followed the example that <a href="https://www.youtube.com/watch?v=lfb5jvHq9c4" rel="nofollow noreferrer">Kent Dodds did on youtube</a>.</p>
  
  <p>I posted the <a href="https://github.com/benmonro/not-supported-rtl-suspense/tree/master" rel="nofollow noreferrer">full code of my problem on github here</a>, but here's a snapshot of the test code:</p>
  
  <pre><code>import React from "react";
  
  import { render, waitForElement, cleanup } from "react-testing-library";
  import MyOtherPackageThing from "my-package/lib/my-thing";
  import LazyThing from "../src/index";
  
  afterEach(cleanup);
  
  test("it works", async () =&gt; {
    const { getByText, debug } = render(&lt;MyOtherPackageThing /&gt;);
  
    await waitForElement(() =&gt; getByText("my thing"));
  
    expect(getByText("my thing"));
  });
  
  describe("these fail with 'Not Supported'", () =&gt; {
    test("it lazy loads a local component", async () =&gt; {
      const LazyLocalThing = React.lazy(() =&gt; import("../src/LocalThing"));
      const { getByText, debug } = render(
        &lt;React.Suspense fallback="Loading..."&gt;
          &lt;LazyLocalThing /&gt;
        &lt;/React.Suspense&gt;
      );
      debug();
      await waitForElement(() =&gt; getByText("my local thing"));
      debug();
      expect(getByText("my local thing"));
    });
  
    test("it says not supported, like wtf", async () =&gt; {
      const { getByText, debug } = render(&lt;LazyThing /&gt;);
      debug();
      await waitForElement(() =&gt; getByText("my thing"));
      debug();
      expect(getByText("my thing"));
    });
  });
  </code></pre>