From 6564fc69bf5501426af68be1340f818d12c38a6e Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Thu, 27 Oct 2022 23:39:26 -0700
Subject: [PATCH] Support web vitals attribution

---
 web/next.config.js | 3 +++
 web/pages/_app.tsx | 1 +
 2 files changed, 4 insertions(+)

diff --git a/web/next.config.js b/web/next.config.js
index 95dcea810..42fb609ca 100644
--- a/web/next.config.js
+++ b/web/next.config.js
@@ -7,6 +7,9 @@ module.exports = withBundleAnalyzer(
   withLess({
     trailingSlash: true,
     reactStrictMode: true,
+    experimental: {
+      webVitalsAttribution: ['CLS', 'LCP'],
+    },
     webpack(config) {
       config.module.rules.push({
         test: /\.svg$/i,
diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx
index aed8dd49b..14c0c06ce 100644
--- a/web/pages/_app.tsx
+++ b/web/pages/_app.tsx
@@ -7,6 +7,7 @@ import '../styles/global.less';
 import '../styles/globals.scss';
 import '../styles/ant-overrides.scss';
 
+// TODO: Move this videojs sass to the player component.
 import '../components/video/VideoJS/VideoJS.scss';
 
 import { AppProps } from 'next/app';