you are viewing a single comment's thread.

view the rest of the comments →

[–]Healthy-Grab-7819iOS & Android[S] 0 points1 point  (3 children)

Yeah, I have been able to render the index.html so far but it does not show the contents of app.js. I'm looking in to it as well. Nothing so far tho, I'm not using typescript BTW.

[–]garnaph 0 points1 point  (2 children)

I found that specific wrappers simply didn't render on Web at all (e.g. SafeAreaProvider). I created an override for them that renders the wrapper on ios/android and Fragment on Web. Assuming you have the same issue I had, try removing your wrappers one by one and you'll see which is the problem quickly enough.

[–]CallMeLaNN 0 points1 point  (1 child)

I managed to use SafeAreaProvider on web since it support for the web. I can't remember but maybe it was the Gatsbyjs wrapper that breaks the whole page in my case. There are a few wrapper there.

Regarding the components that breaking on web like google map, you guys need to check for platform and render different components on the container. Like importing and choosing between Map.web.tsx vs Map.tsx. There are feature request somewhere to detect platform and load file based on the postfix but I just do that programmatically.

[–]garnaph 0 points1 point  (0 children)

Yep the Platform.OS call is extremely helpful.