@ark-ui/react/dist/components/frame/frame-content.js

A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.

'use client';
import { useRef, useEffect } from 'react';

const FrameContent = (props) => {
  const { onMount, onUnmount, children } = props;
  const mountedRef = useRef(false);
  const calledRef = useRef(false);
  useEffect(() => {
    if (!mountedRef.current && !calledRef.current) {
      onMount?.();
      mountedRef.current = true;
      calledRef.current = true;
    }
    return () => {
      if (mountedRef.current) {
        onUnmount?.();
        mountedRef.current = false;
      }
    };
  }, []);
  return children;
};

export { FrameContent };