Cannot use namespace 'FrameContextProps' as a type.

Typescript throws error when using FrameContextProps or FrameComponentProps. Please check example: https://codesandbox.io/s/goofy-paper-xesyu?file=/src/App.tsx

[alexandretrichot]

Hello, Same cause of problem for me. I used to use @types/react-frame-component (which works fine) but the latest version broke this behavior due to including index.ts in the package.

I don’t really understand this choice, if anyone has an idea…

The workaround I use is to declare the types of the module in my project to override the official declare module 'react-frame-component';.

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

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

  export default class FrameComponent extends React.Component<FrameComponentProps> { }

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

  export const FrameContext: React.Context<FrameContextProps>;

  export const FrameContextProvider: React.Provider<FrameContextProps>;

  export const FrameContextConsumer: React.Consumer<FrameContextProps>;

  export function useFrame(): FrameContextProps;
}

Good day !

[seleckis]

@ryanseddon here is a pull request: https://github.com/ryanseddon/react-frame-component/pull/213