Connect React App with DHIS2

[sami12111 (Sami Ullah)]

Hi

I am trying to connect a new React App with DHIS2 instance but I am getting 401 Error Code.
http://localhost:3000 is already whitelisted.

Any help is much appreciated.
Thanks

[julhas (Julhas Sujan)]

Hi @Sami,

Could you open the Network tab and check the response?

Thank you

[sami12111 (Sami Ullah)]

Hi

here is the screenshot of Network Tab.

Thanks

[Rene (Rene Pot)]

Hi! Unfortunately the play instances don’t allow for localhost to connect do to security settings. If possible I’d advise you to run your own instance locally using Docker

Instructions how to do so can be found here: Environment Setup | DHIS2 Developer Portal

[sami12111 (Sami Ullah)]

Yes, It is working fine on when I connect it with local Instance. But when I connect it with any other Instance which is over https, then I encounter that error.

Actually I am want to connect it with a Instance which is on https.

Thanks

[julhas (Julhas Sujan)]

Hi,

Have you added the CORS whitelist?

Thanks

[sami12111 (Sami Ullah)]

Yes I http://localhost:3000 is already whitelisted in CORS.

Thanks

[Rene (Rene Pot)]

Are you trying this with a self-hosted instance on https?

[joao.machiana]

Hi, I think I’m having a similar issue. I got a new computer and had to setup the DHIS2 development environment from scratch. I created a new project with d2 app scripts and I’m not able to pass the login screen (see the image below). I did not add any code to the newly created project (it’s default code).
But when I run an old project that I have, it works perfectly fine. I was wondering if the there was an update on dhis2-cli or dhis2-ui that could be causing dhis. Best regards

[sami12111 (Sami Ullah)]

Yes I am trying to connect with a self-hosted instance on https.

[sami12111 (Sami Ullah)]

Hi @joao.machiana

Hope you are doing well.
what version of d2 are you using in your old application.