use-iframe-height.tsx

'use client'

import { useEffect } from 'react'

// ----------------------------------------------------------------------

const IframeHeight = () => {
  useEffect(() => {
    // Only run if inside an iframe
    if (window.self === window.top) {
      return
    }

    const sendHeight = () => {
      const height = document.body.scrollHeight
      window.parent.postMessage(
        {
          type: 'height',
          value: height,
        },