How to send all HTTP request errors to the Sentry in a Reactjs app in 2022?

I've developed a react@16.14.0 app, and I want to log every HTTP request error in Sentry. I read the Sentry documentation, and I use the captureException function of Sentry in the all catch block of my HTTP requests.

     .
     .
     .
try {
        await Api.retryConfirmationEmail(response); // This is a HTTP request
    } catch (err) {
        Sentry.captureException(err);
    }
    .
    .
    .

And this is the Sentry configuration:

import * as Sentry from "@sentry/react";
import { Integrations } from "@sentry/tracing";

const init = () => {
    Sentry.init({
        dsn: *******,
        integrations: [new Integrations.BrowserTracing()],
        tracesSampleRate: 1.0,
    });
};

Why is the HTTP request error doesn't log in to Sentry?