Update dependency web-vitals to v4 (#10)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [web-vitals](https://redirect.github.com/GoogleChrome/web-vitals) |
[`^2.1.4` ->
`^4.0.0`](https://renovatebot.com/diffs/npm/web-vitals/2.1.4/4.2.3) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/web-vitals/4.2.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/web-vitals/4.2.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/web-vitals/2.1.4/4.2.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/web-vitals/2.1.4/4.2.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>GoogleChrome/web-vitals (web-vitals)</summary>

###
[`v4.2.3`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v423-2024-08-06)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v4.2.2...v4.2.3)

- Fix missing LoAF entries in INP attribution
([#&#8203;512](https://redirect.github.com/GoogleChrome/web-vitals/pull/512))

###
[`v4.2.2`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v422-2024-07-17)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v4.2.1...v4.2.2)

- Fix interaction count after bfcache restore
([#&#8203;505](https://redirect.github.com/GoogleChrome/web-vitals/pull/505))

###
[`v4.2.1`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v421-2024-06-30)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v4.2.0...v4.2.1)

- Fix compatibility issues with TypeScript v5.5
([#&#8203;497](https://redirect.github.com/GoogleChrome/web-vitals/pull/497))

###
[`v4.2.0`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v420-2024-06-20)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v4.1.1...v4.2.0)

- Refactor INP attribution code to fix errors on Windows 10
([#&#8203;495](https://redirect.github.com/GoogleChrome/web-vitals/pull/495))

###
[`v4.1.1`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v411-2024-06-10)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v4.1.0...v4.1.1)

- Fix pending LoAF cleanup logic
([#&#8203;493](https://redirect.github.com/GoogleChrome/web-vitals/pull/493))

###
[`v4.1.0`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v410-2024-06-06)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v4.0.1...v4.1.0)

- Move the support check to the top of the onINP() function
([#&#8203;490](https://redirect.github.com/GoogleChrome/web-vitals/pull/490))
- Fix missing LoAF attribution when entries are dispatched before event
entries
([#&#8203;487](https://redirect.github.com/GoogleChrome/web-vitals/pull/487))

###
[`v4.0.1`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v401-2024-05-21)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v4.0.0...v4.0.1)

- Add the `ReportCallback` type back but deprecate it
([#&#8203;483](https://redirect.github.com/GoogleChrome/web-vitals/pull/483))

###
[`v4.0.0`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v400-2024-05-13)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.5.2...v4.0.0)

- **\[BREAKING]** Update types to support more generic usage
([#&#8203;471](https://redirect.github.com/GoogleChrome/web-vitals/pull/471))
- **\[BREAKING]** Split `waitingDuration` to make it easier to
understand redirect delays
([#&#8203;458](https://redirect.github.com/GoogleChrome/web-vitals/pull/458))
- **\[BREAKING]** Rename `TTFBAttribution` fields from `*Time` to
`*Duration`
([#&#8203;453](https://redirect.github.com/GoogleChrome/web-vitals/pull/453))
- **\[BREAKING]** Rename `resourceLoadTime` to `resourceLoadDuration` in
LCP attribution
([#&#8203;450](https://redirect.github.com/GoogleChrome/web-vitals/pull/450))
- **\[BREAKING]** Add INP breakdown timings and LoAF attribution
([#&#8203;442](https://redirect.github.com/GoogleChrome/web-vitals/pull/442))
- **\[BREAKING]** Deprecate `onFID()` and remove previously deprecated
APIs
([#&#8203;435](https://redirect.github.com/GoogleChrome/web-vitals/pull/435))
- Expose the target element in INP attribution
([#&#8203;479](https://redirect.github.com/GoogleChrome/web-vitals/pull/479))
- Save INP target after interactions to reduce null values when removed
from the DOM
([#&#8203;477](https://redirect.github.com/GoogleChrome/web-vitals/pull/477))
- Cap TTFB in attribution
([#&#8203;440](https://redirect.github.com/GoogleChrome/web-vitals/pull/440))
- Fix `reportAllChanges` behavior for LCP when library is loaded late
([#&#8203;468](https://redirect.github.com/GoogleChrome/web-vitals/pull/468))

###
[`v3.5.2`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v352-2024-01-25)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.5.1...v3.5.2)

- Pick the first non-null `target` for INP attribution
([#&#8203;421](https://redirect.github.com/GoogleChrome/web-vitals/pull/421))

###
[`v3.5.1`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v351-2023-12-27)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.5.0...v3.5.1)

- Add extra guard for `PerformanceEventTiming` not existing
([#&#8203;403](https://redirect.github.com/GoogleChrome/web-vitals/pull/403))

###
[`v3.5.0`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v350-2023-09-28)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.4.0...v3.5.0)

- Run `onLCP` callback in separate task
([#&#8203;386](https://redirect.github.com/GoogleChrome/web-vitals/pull/386))
- Fix INP durationThreshold bug when set to 0
([#&#8203;372](https://redirect.github.com/GoogleChrome/web-vitals/pull/372))
- Prevent FID entries being emitted as INP for non-supporting browsers
([#&#8203;368](https://redirect.github.com/GoogleChrome/web-vitals/pull/368))

###
[`v3.4.0`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v340-2023-07-11)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.3.2...v3.4.0)

- Make `bindReporter` generic over metric type
([#&#8203;359](https://redirect.github.com/GoogleChrome/web-vitals/pull/359))
- Update INP status in README
([#&#8203;362](https://redirect.github.com/GoogleChrome/web-vitals/pull/362))
- Fix Metric types for better TypeScript support
([#&#8203;356](https://redirect.github.com/GoogleChrome/web-vitals/pull/356))
- Fix selector for SVGs for attribution build
([#&#8203;354](https://redirect.github.com/GoogleChrome/web-vitals/pull/354))

###
[`v3.3.2`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v332-2023-05-29)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.3.1...v3.3.2)

- Fix attribution types
([#&#8203;348](https://redirect.github.com/GoogleChrome/web-vitals/pull/348))
- Safe access navigation entry type
([#&#8203;290](https://redirect.github.com/GoogleChrome/web-vitals/pull/290))

###
[`v3.3.1`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v331-2023-04-04)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.3.0...v3.3.1)

-   Export metric rating thresholds in attribution build as well.

###
[`v3.3.0`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v330-2023-03-09)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.1.1...v3.3.0)

- Export metric rating thresholds, add explicit `MetricRatingThresholds`
type
([#&#8203;323](https://redirect.github.com/GoogleChrome/web-vitals/pull/323))
- Trim classname selector
([#&#8203;328](https://redirect.github.com/GoogleChrome/web-vitals/pull/328))
- Add link to CrUX versus RUM blog post
([#&#8203;327](https://redirect.github.com/GoogleChrome/web-vitals/pull/327))
- Prevent LCP being reported for hidden prerendered pages
([#&#8203;326](https://redirect.github.com/GoogleChrome/web-vitals/pull/326))
- Add Server Timing information to docs
([#&#8203;324](https://redirect.github.com/GoogleChrome/web-vitals/pull/324))
- Fix link in `onINP()` thresholds comment
([#&#8203;318](https://redirect.github.com/GoogleChrome/web-vitals/pull/318))
- Update web.dev link for `onINP()`
([#&#8203;307](https://redirect.github.com/GoogleChrome/web-vitals/pull/307))
- Add a note about when to load the library
([#&#8203;305](https://redirect.github.com/GoogleChrome/web-vitals/pull/305))

###
[`v3.1.1`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v311-2023-01-10)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.1.0...v3.1.1)

- Defer CLS logic until after `onFCP()` callback
([#&#8203;297](https://redirect.github.com/GoogleChrome/web-vitals/pull/297))

###
[`v3.1.0`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v310-2022-11-15)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.0.4...v3.1.0)

- Add support for `'restore'` as a `navigationType`
([#&#8203;284](https://redirect.github.com/GoogleChrome/web-vitals/pull/284))
- Report initial CLS value when `reportAllChanges` is true
([#&#8203;283](https://redirect.github.com/GoogleChrome/web-vitals/pull/283))
- Defer all observers until after activation
([#&#8203;282](https://redirect.github.com/GoogleChrome/web-vitals/pull/282))
- Ignore TTFB for loads where responseStart is zero
([#&#8203;281](https://redirect.github.com/GoogleChrome/web-vitals/pull/281))
- Defer execution of observer callbacks
([#&#8203;278](https://redirect.github.com/GoogleChrome/web-vitals/pull/278))

###
[`v3.0.4`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v304-2022-10-18)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.0.3...v3.0.4)

- Clamp LCP and FCP to 0 for prerendered pages
([#&#8203;270](https://redirect.github.com/GoogleChrome/web-vitals/pull/270))

###
[`v3.0.3`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v303-2022-10-04)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.0.2...v3.0.3)

- Ensure `attribution` object is always present in attribution build
([#&#8203;265](https://redirect.github.com/GoogleChrome/web-vitals/pull/265))

###
[`v3.0.2`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v302-2022-09-14)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.0.1...v3.0.2)

- Set an explicit unpkg dist file
([#&#8203;261](https://redirect.github.com/GoogleChrome/web-vitals/pull/261))

###
[`v3.0.1`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v301-2022-08-31)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v3.0.0...v3.0.1)

- Use the cjs extension for all UMD builds
([#&#8203;257](https://redirect.github.com/GoogleChrome/web-vitals/pull/257))

###
[`v3.0.0`](https://redirect.github.com/GoogleChrome/web-vitals/blob/HEAD/CHANGELOG.md#v300-2022-08-24)

[Compare
Source](https://redirect.github.com/GoogleChrome/web-vitals/compare/v2.1.4...v3.0.0)

- **\[BREAKING]** Add a config object param to all metric functions
([#&#8203;225](https://redirect.github.com/GoogleChrome/web-vitals/pull/225))
- **\[BREAKING]** Report TTFB after a bfcache restore
([#&#8203;220](https://redirect.github.com/GoogleChrome/web-vitals/pull/220))
- **\[BREAKING]** Only include last LCP entry in metric entries
([#&#8203;218](https://redirect.github.com/GoogleChrome/web-vitals/pull/218))
- Update the metric ID prefix for v3
([#&#8203;251](https://redirect.github.com/GoogleChrome/web-vitals/pull/251))
- Move the Navigation Timing API polyfill to the base+polyfill build
([#&#8203;248](https://redirect.github.com/GoogleChrome/web-vitals/pull/248))
- Add a metric rating property
([#&#8203;246](https://redirect.github.com/GoogleChrome/web-vitals/pull/246))
- Add deprecation notices for base+polyfill builds
([#&#8203;242](https://redirect.github.com/GoogleChrome/web-vitals/pull/242))
- Add a new attribution build for debugging issues in the field
([#&#8203;237](https://redirect.github.com/GoogleChrome/web-vitals/pull/237),
[#&#8203;244](https://redirect.github.com/GoogleChrome/web-vitals/pull/244))
- Add support for prerendered pages
([#&#8203;233](https://redirect.github.com/GoogleChrome/web-vitals/pull/233))
- Rename the `ReportHandler` type to `ReportCallback`, with alias for
back-compat
([#&#8203;225](https://redirect.github.com/GoogleChrome/web-vitals/pull/225),
[#&#8203;227](https://redirect.github.com/GoogleChrome/web-vitals/pull/227))
- Add support for the new INP metric
([#&#8203;221](https://redirect.github.com/GoogleChrome/web-vitals/pull/221),
[#&#8203;232](https://redirect.github.com/GoogleChrome/web-vitals/pull/232))
- Rename `getXXX()` functions to `onXXX()`
([#&#8203;222](https://redirect.github.com/GoogleChrome/web-vitals/pull/222))
- Add a `navigationType` property to the Metric object
([#&#8203;219](https://redirect.github.com/GoogleChrome/web-vitals/pull/219))

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/LUISDASARTIMANHAS/spotify-imersao-alura).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOC45Ny4wIiwidXBkYXRlZEluVmVyIjoiMzguOTcuMCIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->

spotify-react/package.json

@@ -9,7 +9,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^4.0.0"
   },
   "scripts": {
     "start": "react-scripts start",