Google AdSense banner React-Typescript component

AdSenseBanner.tsx

import { useEffectOnce } from 'usehooks-ts'

declare global {
  interface Window {
    adsbygoogle: unknown[]
  }
}

interface AdSenseProps {
  slot: string
}

function AdSenseBanner({ slot }: AdSenseProps) {
  useEffectOnce(() => {
    // eslint-disable-next-line prettier/prettier
    (window.adsbygoogle = window.adsbygoogle || []).push({})
  })

  return (
    <div style={{ border: '1px solid white' }}>
      Ads
      <ins
        className="adsbygoogle"
        style={{ display: 'block' }}
        data-ad-client="add-your-client-id"
        data-ad-slot={slot}
        data-ad-format="auto"
        data-full-width-responsive="true"
      ></ins>
    </div>
  )
}

export default AdSenseBanner