Nginx rever proxy not solving cors issue

I am using Grafana-10.1.1 in macOS Ventura. I am calling API to create dashboard. The APIs are working from Postman client. I want to call API from my react Application running in my localhost:8080.
From the previous threads about CORS issue with grafana, i have configured Nginx reverse proxy, the apis are working with nginx in postman but CORS issue is still not resolved while i call from my React App. I have enabled the required configuration in nginx ,still it is not working.

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods “POST, GET, OPTIONS”;
add_header Access-Control-Allow-Headers “Origin, Authorization, Accept”;
add_header Access-Control-Allow-Credentials true;

The above lines are already in my nginx.conf file.

what i am missing? This is taking more than a week of my time. Someone please share your ideas.