Get browser network data - Won't work in iOS Safari

usePerformanceData.ts

import { useEffect, useState } from 'react'

export function usePerformanceData() {
  const [size, setSize] = useState(0)

  useEffect(() => {
    if (process.browser) {
      const performance = window.performance || {}
      if (performance.getEntries) {
        const data: any[] = [...performance.getEntries()]
        const added = data.reduce((accum, entry) => {
          if (entry.initiatorType === 'link' || entry.initiatorType === 'script') {
            if (entry.transferSize) {
              return accum + entry.transferSize
            } else {
              return accum
            }
          } else {
            return accum
          }
        }, 0)
        setSize(added)
      }
    }
  })

  return size
}