Installed app doesn't display UI on store

Issue summary

I am currently in deployment stage of my shopify app. Everyhting is working fine in development and there are no issues with getting the app running onto my development store.

I am now deploying the app on fly.io. The image gets built on fly fine and the machine gets deployed all good. I go to install the app, it sends me to the install screen all good, then when it comes to going to the home screen of the app, it doesnt show anything and comes up with this error in the console:

Upon further inspection, I have been able to see that this file is in the path /frontend/dist/assets/index-28a6294e.js. It seems like this file gets generated when npm installs dependencies in the build and on production as the suffix of the file refers to the commit hash of the latest commit on the repo.

I hope this is enough information for anyone to be of any assistance. Would greatly appreciate any sort of help as this is literally the last part I need to complete for the app to be working and I am at a loss as to what I should do.

• @shopify/shopify-app-express version: N/A
• Node version: N/A
• Operating system: macOs Ventura

Uncaught TypeError: t is not a constructor
    at b8 (index-28a6294e.js:83:23985)
    at Z (index-28a6294e.js:97:796)
    at index-28a6294e.js:73:88558
    at index-28a6294e.js:1:23
    at index-28a6294e.js:113:19716

Expected behavior

The app should be loading onto the screen

Actual behavior

The app does not load and just shows a blank screen

Steps to reproduce the problem

1. Deploy app to fly.io as per instrcutions
2. Build docker image through deployment
3. Install app onto store

Start by inspecting the deployed /frontend/dist/assets/index-28a6294e.js bundle and the browser error Uncaught TypeError: t is not a constructor at the reported locations. Compare the Fly.io Docker build with the development build and verify the app loads after installation without a blank screen.