How to use the @sentry/tracing.Integrations.BrowserTracing function in @sentry/tracing

// import "channels"

// Rails.start()
// Turbolinks.start()
// ActiveStorage.start()

import ReactDOM from 'react-dom'
import React from 'react'
import Room from './bundles/Room/containers/Room'
import * as Sentry from "@sentry/react"
import { Integrations } from "@sentry/tracing"

Sentry.init({
  dsn: "https://e1070f75c7b24052a1784b4ce297b9e2@o100957.ingest.sentry.io/221730",
  release: "my-project-name@" + process.env.npm_package_version,
  integrations: [new Integrations.BrowserTracing()],

  // We recommend adjusting this value in production, or using tracesSampler
  // for finer control
  tracesSampleRate: 1.0,
});

document.addEventListener('DOMContentLoaded', () => {
  roomId = document.querySelector("#roomId").value
  roomName = document.querySelector("#roomName").value
  role = document.querySelector("#role").value
  currentVote = document.querySelector("#currentVote").value
  roomState = document.querySelector("#roomState").value
  pointValues = JSON.parse(document.querySelector("#pointValues").value)
  timerInterval = document.querySelector("#timerInterval").value
  freeStyle = document.querySelector("#freeStyle").value
  currentStoryId = document.querySelector("#currentStoryId").value