react-frame-component/index.d.ts

React component to wrap your application or component in an iFrame for encapsulation purposes

declare module 'react-frame-component' {
  import * as React from 'react';

  export interface FrameComponentProps
    extends React.IframeHTMLAttributes<HTMLIFrameElement>,
      React.RefAttributes<HTMLIFrameElement> {
    head?: React.ReactNode | undefined;
    mountTarget?: string | undefined;
    initialContent?: string | undefined;
    contentDidMount?: (() => void) | undefined;
    contentDidUpdate?: (() => void) | undefined;
    children: React.ReactNode;
  }

  const FrameComponent: React.ForwardRefExoticComponent<FrameComponentProps>;
  export default FrameComponent;

  export interface FrameContextProps {
    document?: Document;
    window?: Window;
  }

  export const FrameContext: React.Context<FrameContextProps>;

  export const FrameContextProvider: React.Provider<FrameContextProps>;

  export const FrameContextConsumer: React.Consumer<FrameContextProps>;

  export function useFrame(): FrameContextProps;
}