Frontend app fails to load on GitPod due to ad blocker blocking Firebase analytics

[vingkan]

Summary

When working on GitPod, the frontend app does not load at all if your ad blocker blocks Firebase analytics.

Further Details

• The issue appears to only occur in dev, but not in production.
• The error is thrown when getAnalytics() is imported, not when it is called.

Possible Solutions

• Short Term Fix: Disable your ad blocker on the web page when running Butterfly on GitPod.
• Failed Long-Term Solution: Tried to try/catch the getAnalytics() call, but it still failed.
• Possible Long-Term Solution: Use a mock of Firebase analytics, like described in this StackOverflow answer, seems awkward.
• Possible Long-Term Solution: Trying to dynamically import the module to catch the error, but not sure how to do this.

Screenshots

Case 1: Running on GitPod, ad blocker enabled -> app does not load at all because analytics is blocked

Case 2: Running on GitPod, ad blocker disabled -> app functions normally

Case 3: Running on GitHub pages, ad blocker enabled -> app functions normally