diff --git a/types/react-image-crop/index.d.ts b/types/react-image-crop/index.d.ts index 57d97f1e2d..ed84c96ed1 100644 --- a/types/react-image-crop/index.d.ts +++ b/types/react-image-crop/index.d.ts @@ -1,4 +1,4 @@ -// Type definitions for react-image-crop 8.0 +// Type definitions for react-image-crop 8.1 // Project: https://github.com/DominicTobias/react-image-crop // Definitions by: Daniela Yassuda // Elias Chaaya @@ -42,6 +42,7 @@ declare namespace ReactCrop { onImageError?: (event: React.SyntheticEvent) => void; className?: string; locked?: boolean; + renderComponent?: ReactNode; renderSelectionAddon?: (state: any) => ReactNode; } diff --git a/types/react-image-crop/test/react-image-crop-module-tests.tsx b/types/react-image-crop/test/react-image-crop-module-tests.tsx index d57b6d5159..688828e71f 100644 --- a/types/react-image-crop/test/react-image-crop-module-tests.tsx +++ b/types/react-image-crop/test/react-image-crop-module-tests.tsx @@ -61,6 +61,25 @@ class AspectRatioTest extends React.Component<{}, TestState> { } } +// Testing renderComponent +class RenderComponentTest extends React.Component { + render() { + const videoComponent = ( + + ); + + return ( + console.log(crop)} + renderComponent={videoComponent} + /> + ); + } +} + // All available props class CompleteTest extends React.Component<{}, TestState> { state = initialState; @@ -110,6 +129,7 @@ class CompleteTest extends React.Component<{}, TestState> { onImageError={this.onImageError} className="my-cropper" locked={false} + renderComponent={
} /> ); }