@shopify/shop-minis-react/src/hooks/events/useOnMiniBlur.ts

React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)

import {useEffect, useRef} from 'react'

export function useOnMiniBlur(callback: () => void) {
  // Using a ref allows the callback to be updated without triggering a re-render
  // This makes the hook nicer to use because developers don't need useCallback
  const callbackRef = useRef(callback)
  callbackRef.current = callback

  useEffect(() => {
    const listenerId = window.minisEvents.on('MINI_APP_BLUR', () => {
      callbackRef.current()
    })

    return () => window.minisEvents.off(listenerId)
  }, [])
}