title: getting react error messages showing on the broweser, not only in the console
body: <p>I created a new JS file for react, however, i didn't export yet thus i got the below error message in the browser console
  Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.</p>
  <p>Check your code at index.js:9.</p>
  <p>My issue is, that the error is not showing up on the actual browser like the image below
  <a href="https://i.stack.imgur.com/p0xRU.png" rel="nofollow noreferrer">image from actual browesr</a></p>