Debugging Blockstack React App

I was trying to debug this app
But the files don’t show up in the sources of chrome developer tools for debugging.

So I created a react app using the command,
npx create-react-app my-app
and added blockstack in it.

But it shows CORS policy error while signing in.

How can I fix the CORS error in blockstack.

hey! You have to do some modifications on your create react app folder. I actually have a video addressing this issue via my YouTube channel! Hope this helps! If you enjoy the content would love a like and subscribe as well :slight_smile: (shameless plug)


You get this message because, when users authenticate, your DApp at one URL requested a resource (an identity) from another DApp, the Blockstack Browser. A request for a resource outside of the origin (your new website) is called as a cross-origin request (CORs). Getting data in this manner can be risky, so you must configure your website security to allow interactions across origins.

If you work through the Zero-to-Dapp tutorial you’ll encounter a section on how to deploy. That shows how to solve this:

1 Like

I am using craco in order to modify the create-react-app options see :slight_smile:

I just published a npm package that contains the config to use Blockstack with create-react-app

Want to publish this to our community? Feel free to modify this file and do a PR back to docs:

Your plugin will appear in the docs here:

1 Like