fix PerformancePaintTiming type error

Author: Lms24

packages/replay/src/createPerformanceEntry.ts

@@ -2,7 +2,7 @@ import { WINDOW } from '@sentry/browser';
 import { browserPerformanceTimeOrigin } from '@sentry/utils';
 import { record } from 'rrweb';
 
-import { AllPerformanceEntry } from './types';
+import { AllPerformanceEntry, PerformancePaintTiming } from './types';
 import { isIngestHost } from './util/isIngestHost';
 
 export interface ReplayPerformanceEntry {

packages/replay/src/types.ts

@@ -35,14 +35,14 @@ export interface WorkerRequest {
 
 declare global {
   const __SENTRY_REPLAY_VERSION__: string;
-
-  // PerformancePaintTiming is only available since TS 4.4, so for now we just define this here
-  // see: https://github.com/microsoft/TypeScript/blob/main/lib/lib.dom.d.ts#L10564
-  type PerformancePaintTiming = PerformanceEntry;
   // @ts-ignore declare again, this _should_ be there but somehow is not available in worker context
   type PerformanceNavigationTiming = PerformanceEntry;
 }
 
+// PerformancePaintTiming is only available with TS 4.4 and newer
+// Therefore, we're exporting it here to make it available in older versions
+export type PerformancePaintTiming = PerformanceEntry;
+
 /**
  * The response from the worker
  */

packages/replay/src/util/dedupePerformanceEntries.ts

@@ -1,3 +1,5 @@
+import type { PerformancePaintTiming } from '../types';
+
 const NAVIGATION_ENTRY_KEYS: Array<keyof PerformanceNavigationTiming> = [
   'name',
   'type',

packages/replay/test/fixtures/performanceEntry/lcp.ts

@@ -1,3 +1,5 @@
+import { PerformancePaintTiming } from '../../../src/types';
+
 export function PerformanceEntryLcp(obj?: Partial<PerformancePaintTiming>): PerformancePaintTiming {
   const entry = {
     name: '',