title: My app deploys to Chrome but is rendered blank on other browsers/mobile phones
body: <p>I have a react app that is deployed on heroku, (you can take a look <a href="https://moodverse.netlify.app/" rel="nofollow noreferrer">here</a>). But when I go there on Internet Explorer, microsoft edge, chrome app on my phone, safari app on my phone- it always renders a blank page.</p>
  <p>A common issue I saw was with using redux-dev tools but I am not using redux in my app.</p>
  <p>In my app I am using the Speech Recognition Web API and I know it is not cross browser compatible but it should work in Microsoft Edge at least. In my react app, I removed the component that was using the Speech Recognition API and deployed in on different domain to see if that was causing the issue. And now that deployment is also rendering a blank page on Chrome, (you can take a look <a href="https://keen-bose-cb7159.netlify.app/" rel="nofollow noreferrer">here</a>). I don't know what exactly that means and what is going on so if anybody could help me out even a little bit that would be much appreciated! My github repo is here <a href="https://github.com/junaama/Mood-Verse" rel="nofollow noreferrer">github</a></p>