refactor: remove `defaultProps` (#9035)

packages/excalidraw/components/ToolButton.tsx

@@ -55,11 +55,20 @@ type ToolButtonProps =
       onPointerDown?(data: { pointerType: PointerType }): void;
     });
 
-export const ToolButton = React.forwardRef((props: ToolButtonProps, ref) => {
+export const ToolButton = React.forwardRef(
+  (
+    {
+      size = "medium",
+      visible = true,
+      className = "",
+      ...props
+    }: ToolButtonProps,
+    ref,
+  ) => {
     const { id: excalId } = useExcalidrawContainer();
     const innerRef = React.useRef(null);
     React.useImperativeHandle(ref, () => innerRef.current);
-  const sizeCn = `ToolIcon_size_${props.size}`;
+    const sizeCn = `ToolIcon_size_${size}`;
 
     const [isLoading, setIsLoading] = useState(false);
 
@@ -108,8 +117,8 @@ export const ToolButton = React.forwardRef((props: ToolButtonProps, ref) => {
           className={clsx(
             "ToolIcon_type_button",
             sizeCn,
-          props.className,
-          props.visible && !props.hidden
+            className,
+            visible && !props.hidden
               ? "ToolIcon_type_button--show"
               : "ToolIcon_type_button--hide",
             {
@@ -155,7 +164,7 @@ export const ToolButton = React.forwardRef((props: ToolButtonProps, ref) => {
 
     return (
       <label
-      className={clsx("ToolIcon", props.className)}
+        className={clsx("ToolIcon", className)}
         title={props.title}
         onPointerDown={(event) => {
           lastPointerTypeRef.current = event.pointerType || null;
@@ -184,17 +193,14 @@ export const ToolButton = React.forwardRef((props: ToolButtonProps, ref) => {
         <div className="ToolIcon__icon">
           {props.icon}
           {props.keyBindingLabel && (
-          <span className="ToolIcon__keybinding">{props.keyBindingLabel}</span>
+            <span className="ToolIcon__keybinding">
+              {props.keyBindingLabel}
+            </span>
           )}
         </div>
       </label>
     );
-});
-
-ToolButton.defaultProps = {
-  visible: true,
-  className: "",
-  size: "medium",
-};
+  },
+);
 
 ToolButton.displayName = "ToolButton";