Keep Coding

I'm making a fetch request on the client side from and returning 500 with the backend api, which works fine and the response comes back to the client as 500, however, nginx doesn't redirect the client to the 500.html page it just sends the page back in the response body, how can I make it redirect to 500.html instead of sending it back in the response body?
http {
root deployment_tests/test1/build;
server {
listen 8080;
server_name test;
location / {
try_files $uri /index.html;
}
location /api {
proxy_pass http://127.0.0.1:3001;
proxy_intercept_errors on;
}
error_page 500 502 503 504 /500.html;
location /500.html {
try_files $uri /500.html;
}
}
}