Custom Hook to mock the PerformanceObserver API

useMockPerformanceObserver.ts

import { useEffect } from 'react';

const useMockPerformanceObserver = (): void => {
  useEffect(() => {
    const OriginalPerformanceObserver = window.PerformanceObserver;

    class MockPerformanceObserver extends PerformanceObserver {
      disconnect = () => null;

      observe = () => null;

      takeRecords = () => null;

      unobserve = () => null;
    }

    Object.defineProperty(window, 'PerformanceObserver', {
      writable: true,
      configurable: true,
      value: MockPerformanceObserver,
    });

    Object.defineProperty(global, 'PerformanceObserver', {
      writable: true,
      configurable: true,
      value: MockPerformanceObserver,
    });

    return () => {
      Object.defineProperty(window, 'PerformanceObserver', {
        writable: true,
        configurable: true,
        value: OriginalPerformanceObserver,
      });

      Object.defineProperty(global, 'PerformanceObserver', {
        writable: true,
        configurable: true,
        value: OriginalPerformanceObserver,
      });
    };
  });
};

export default useMockPerformanceObserver;