Menu
I built an app in React/redux that works in every browser I tried, BUT Safari on MacOS and any browser on iPhone. I get no error, no console message, nothing that would give me some idea. It only renders tag in Safari and the screen is blank.
http://podcast.exploration.io
Do you have any idea how could I trace this issue?
Thanks
351
A blank or white screen occurs when React encounters a rendering error in a component (for example, trying to render obj. param when obj is undefined).
React 18 supports all modern browsers (Edge, Firefox, Chrome, Safari, etc).
check your console for errors chances are high it's not showing any and if it does , try to trace the back to the line of bug that was thrown and fix it. There's probably an infinite loop running somewhere in your code.
There is likely an uncaught error that is occurring that is causing React to go to a blank screen. This could be because your mobile client is having difficulty reaching the API and the call is failing.
I found the issue. The main reason why it failed was 'fetch' function...which is not available in Safari. I'm not sure why it wouldn't print anything, but I suspect, because 'fetch' was called inside try/catch.
175
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With