chore: use default parameters replace defaultProps (#5839)

Author: li-jia-nan

src/components/Button.tsx

@@ -8,15 +8,15 @@ import cn from 'classnames';
 interface ButtonProps {
   children: React.ReactNode;
   onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-  active: boolean;
+  active?: boolean;
   className?: string;
   style?: Record<string, string>;
 }
 
 export function Button({
   children,
   onClick,
-  active,
+  active = false,
   className,
   style,
 }: ButtonProps) {
@@ -43,9 +43,4 @@ export function Button({
   );
 }
 
-Button.defaultProps = {
-  active: false,
-  style: {},
-};
-
 export default Button;

src/components/MDX/ExpandableCallout.tsx

@@ -52,7 +52,7 @@ const variantMap = {
   },
 };
 
-function ExpandableCallout({children, type}: ExpandableCalloutProps) {
+function ExpandableCallout({children, type = 'note'}: ExpandableCalloutProps) {
   const contentRef = useRef<HTMLDivElement>(null);
   const variant = variantMap[type];
 
@@ -78,8 +78,4 @@ function ExpandableCallout({children, type}: ExpandableCalloutProps) {
   );
 }
 
-ExpandableCallout.defaultProps = {
-  type: 'note',
-};
-
 export default ExpandableCallout;