title: React Testing Library unable to find text even though screen.debug() shows the text to exist
body: <p>In a nutshell, if I grab a portion of the screen by it's label:</p>
  
  <pre><code>const foo = screen.getByLabelText('Some Label');
  </code></pre>
  
  <p>I can see that the element I'm interested in exists in the output:</p>
  
  <pre><code>debug(foo);
  ...
  &lt;div
    class=" css-15zcpdi-NoOptionsMessage"
  &gt;
     Something went wrong
  &lt;/div&gt;
  </code></pre>
  
  <p>However if I search for "Something went wrong" in the screen:</p>
  
  <pre><code>screen.getByText('Something went wrong');
  </code></pre>
  
  <p>RTL claims it can't find it:</p>
  
  <pre><code>TestingLibraryElementError: Unable to find an element with the text: Something went wrong. ...
  </code></pre>
  
  <p>I must be doing something wrong here.. What?</p>