feat: alter default props eslint rule

.eslintrc.json

@@ -48,6 +48,11 @@
       {
         "html": "ignore"
       }
+    ],
+    "react/require-default-props": [
+      "error", {
+        "functions" : "defaultArguments"
+      }
     ]
   }
 }

src/components/Button/index.tsx

@@ -9,11 +9,11 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 
 function Button({
-  className,
-  size,
+  className = '',
+  size = 'md',
   children,
-  variant,
-  isSubmit,
+  variant = 'primary',
+  isSubmit = false,
   ...props
 }: ButtonProps) {
   const getSizeClass = () => {
@@ -51,11 +51,4 @@ function Button({
   )
 }
 
-Button.defaultProps = {
-  variant: 'primary',
-  size: 'md',
-  className: '',
-  isSubmit: false,
-}
-
 export default Button

src/components/Modal/index.tsx

@@ -184,10 +184,6 @@ const ModalFooterConfirm = ({
   )
 }
 
-ModalFooterConfirm.defaultProps = {
-  onConfirm: () => {},
-}
-
 const ModalFooterConfirmCancel = ({
   cancelText,
   confirmText,
@@ -216,10 +212,6 @@ const ModalFooterConfirmCancel = ({
   )
 }
 
-ModalFooterConfirmCancel.defaultProps = {
-  onConfirm: () => {},
-}
-
 Modal.CenterModal = CenterModal
 Modal.BottomModal = BottomModal
 Modal.Close = ModalClose

src/components/TagButton/index.tsx

@@ -8,9 +8,9 @@ interface TagButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 
 function TagButton({
-  className,
   children,
-  isSubmit,
+  className = '',
+  isSubmit = false,
   disabled,
   size,
   ...props
@@ -43,9 +43,4 @@ function TagButton({
   )
 }
 
-TagButton.defaultProps = {
-  className: '',
-  isSubmit: false,
-}
-
 export default TagButton