fix: remove default props from function component to support 18.3.0

tam315 · Apr 14, 2023 · eb87c6a · eb87c6a
1 parent a8d9018
commit eb87c6a
Showing 1 changed file with 17 additions and 39 deletions.
diff --git a/src/ReactCompareImage.tsx b/src/ReactCompareImage.tsx
@@ -21,45 +21,26 @@ interface IProps {
   vertical?: boolean;
 }
 
-const defaultProps = {
-  aspectRatio: 'taller',
-  handle: null,
-  handleSize: 40,
-  hover: false,
-  leftImageAlt: '',
-  leftImageCss: {},
-  leftImageLabel: null,
-  onSliderPositionChange: () => {},
-  rightImageAlt: '',
-  rightImageCss: {},
-  rightImageLabel: null,
-  skeleton: null,
-  sliderLineColor: '#ffffff',
-  sliderLineWidth: 2,
-  sliderPositionPercentage: 0.5,
-  vertical: false,
-};
-
-const ReactCompareImage: React.FC<IProps> = props => {
+const ReactCompareImage: React.FC<IProps> = (props: IProps) => {
   const {
-    aspectRatio,
-    handle,
-    handleSize,
-    hover,
+    aspectRatio = 'taller',
+    handle = null,
+    handleSize = 40,
+    hover = false,
     leftImage,
-    leftImageAlt,
-    leftImageCss,
-    leftImageLabel,
-    onSliderPositionChange,
+    leftImageAlt = '',
+    leftImageCss = {},
+    leftImageLabel = null,
+    onSliderPositionChange = () => {},
     rightImage,
-    rightImageAlt,
-    rightImageCss,
-    rightImageLabel,
-    skeleton,
-    sliderLineColor,
-    sliderLineWidth,
-    sliderPositionPercentage,
-    vertical,
+    rightImageAlt = '',
+    rightImageCss = {},
+    rightImageLabel = null,
+    skeleton = null,
+    sliderLineColor = '#ffffff',
+    sliderLineWidth = 2,
+    sliderPositionPercentage = 0.5,
+    vertical = false,
   } = props;
 
   const horizontal = !vertical;
@@ -435,7 +416,4 @@ const ReactCompareImage: React.FC<IProps> = props => {
   );
 };
 
-// @ts-ignore
-ReactCompareImage.defaultProps = defaultProps;
-
 export default ReactCompareImage;