7ebff31475
Version 3 of the kit: - Radix UI replaced with Base UI (using the Shadcn UI patterns) - next-intl replaces react-i18next - enhanceAction deprecated; usage moved to next-safe-action - main layout now wrapped with [locale] path segment - Teams only mode - Layout updates - Zod v4 - Next.js 16.2 - Typescript 6 - All other dependencies updated - Removed deprecated Edge CSRF - Dynamic Github Action runner
35 lines
827 B
TypeScript
35 lines
827 B
TypeScript
'use client';
|
|
|
|
import { useState } from 'react';
|
|
import { createPortal } from 'react-dom';
|
|
|
|
export const IFrame: React.FC<
|
|
React.IframeHTMLAttributes<unknown> & {
|
|
setInnerRef?: (ref: HTMLIFrameElement | undefined) => void;
|
|
appendStyles?: boolean;
|
|
theme?: 'light' | 'dark';
|
|
transparent?: boolean;
|
|
}
|
|
> = ({ children, setInnerRef, appendStyles = true, theme, ...props }) => {
|
|
const [ref, setRef] = useState<HTMLIFrameElement | null>();
|
|
const doc = ref?.contentWindow?.document as Document;
|
|
const mountNode = doc?.body;
|
|
|
|
return (
|
|
<iframe
|
|
{...props}
|
|
ref={(ref) => {
|
|
if (ref) {
|
|
setRef(ref);
|
|
|
|
if (setInnerRef) {
|
|
setInnerRef(ref);
|
|
}
|
|
}
|
|
}}
|
|
>
|
|
{mountNode ? createPortal(children, mountNode) : null}
|
|
</iframe>
|
|
);
|
|
};
|