builder.Services.AddRazorPages();
builder.Services.AddControllers();
builder.WebHost.UseSentry(b => b.AddGrpc());
...
app.UseHttpsRedirection();
app.UseCors(x => x.AllowAnyHeader()
 .AllowAnyMethod()
 .AllowAnyOrigin());
app.UseStaticFiles();
app.UseRouting();
app.UseSentryTracing();
app.UseAuthorization();
app.MapRazorPages();
app.MapControllers();
app.Run();

<script src="https://browser.sentry-cdn.com/6.19.7/bundle.tracing.js" crossorigin="anonymous"></script>
Sentry.init({
 "dsn": "http://b8d6c2cbf783405fac04428421f8e3a0@localhost:9000/4",
 "environment": "development",
 "integrations": [new Sentry.BrowserTracing()],
 "tracesSampleRate": 1.0,
 "debug": true
 });
 document.getElementById('click-me-button').addEventListener('click', function() {
 let block = document.getElementById('result-block');
 $.get('/api/greeter/transaction');
// OR 
 axios.get('/api/greeter/transaction').then(function(data){
 block.innerHTML = `<h2>Success ${data.data}</h2>`;
 }).catch(function(){
 block.innerHTML = '<h2>Error</h2>';
 })
 });