Browser hanging at "Loading app details" while developing react app

I am developing a react app with blockstack and fail to get past the signin.

I also tried the react boilerplate code here:

The sign in process hangs with the message of “Loading app details” in the blockstack browser. The manifest is fetched what I see in the dev tools but the icon is not fetched.

What went wrong? How to debug this issue?

This seems to be an issue with CORS headers when running from localhost.

As I am using create-react-app there is no easy solution to add these headers to the webpack-dev-server. The best resource I could find is: https://github.com/raymondsze/create-react-scripts

hey @friedger, you can eject your create-react-app configuration and add these headers to your webpack dev server. https://github.com/yknl/publik/blob/master/webpack.config.js#L46

You can also use the blockstack app generator and yeoman to generate react boilerplate without using create-react-app https://github.com/blockstack/blockstack-app-generator