Type 2.0.3 throws the following error on typings.d.ts<

<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="19

I have merged in <a class="issue-link js-issue-link" data-error-text="Failed to load t

Error in typings: Exports and export assignments are not permitted in module augmentations. about react-masonry-component HOT 3 CLOSED

eiriklv commented on June 21, 2024

Error in typings: Exports and export assignments are not permitted in module augmentations.

from react-masonry-component.

Comments (3)

empz commented on June 21, 2024

The problem is that the export needs to be outside the "declare module" and in order to declare a variable (Masonry) we need to use the declare keyword,

Here's the working typings.d.ts file. I guess you can just replace the contents of it. I don't think forking your project and submitting a PR is worth the trouble.

Thank you

import { ComponentClass } from "react";

declare module "react-masonry-component" {

    export interface MasonryOptions {
        columnWidth?: number;
        itemSelector?: string;
        gutter?: number;
        percentPosition?: boolean;
        stamp?: string;
        fitWidth?: boolean;
        originLeft?: boolean;
        originTop?: boolean;
        containerStyle?: Object;
        transitionDuration?: string;
        resize?: boolean;
        initLayout?: boolean;
    }

    interface MasonryPropTypes {
        disableImagesLoaded?: boolean;
        updateOnEachImageLoad?: boolean;
        onImagesLoaded?: (instance: any) => void;
        options?: MasonryOptions;
        className?: string;
        elementType?: string;
        style?: Object;
    }

}

declare const Masonry: ComponentClass<MasonryPropTypes>;
export default Masonry;