title: How do I properly debug in React Native?
body: <p>How do I properly debug in React Native? From what I've seen so far, the debugging messages given aren't too useful for narrowing down where to look in my code. I just get a stack trace that only mentions dependencies in node_modules
  For example:</p>
  
  <p><a href="https://i.stack.imgur.com/OeWu1.png" rel="nofollow noreferrer">Android emulator image</a> (sorry, don't have enough reputation to show image on this post)</p>
  
  <p>In the above error, I understsand that somewhere a non-Component object got passed in, but I have no idea how to track it down; the entire stack trace only mentions files from node_modules.</p>
  
  <p>I have tried using Chrome Developer Tools as well:</p>
  
  <p><a href="https://i.stack.imgur.com/2nHaj.png" rel="nofollow noreferrer">Chrome Developer Tools image</a></p>
  
  <p>I have also tried React Developer Tools and it wasn't helpful either.</p>
  
  <p>How do I go about getting output from debugging that is actually helpful and linked to the code that I wrote?</p>