@apify/ui-library 1.161.2 → 1.161.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.161.2",
+    "version": "1.161.3",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -75,7 +75,7 @@
         "styled-components": "^6.1.19"
     },
     "devDependencies": {
-        "@apify-packages/types": "^3.416.0",
+        "@apify-packages/types": "^3.416.1",
         "@storybook/react-vite": "^10.3.5",
         "@testing-library/react": "^16.3.2",
         "@types/hast": "^3.0.4",
@@ -95,5 +95,5 @@
         "src",
         "style"
     ],
-    "gitHead": "48f72877c18ed5c669d401be591f9ddef5cb211b"
+    "gitHead": "e835dd09f3ebc261b64ca43834a24434bb60e20c"
 }

package/src/components/icon_button/icon_button.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useCallback } from 'react';
 import styled, { css } from 'styled-components';
 
 import type { IconComponent, IconSize } from '@apify/ui-icons';
@@ -239,6 +239,11 @@ export const IconButton = forwardRef(
         const component: React.ElementType = as === 'a' ? Link : as;
         const { iconSize, spinnerSize } = iconButtonSizeConfig[size];
 
+        const LeftIcon = useCallback(
+            () => (isLoading ? <InlineSpinner size={spinnerSize} /> : <Icon size={iconSize} />),
+            [isLoading, spinnerSize, Icon, iconSize],
+        );
+
         const button = (
             <StyledButton
                 forwardedAs={component}
@@ -246,7 +251,7 @@ export const IconButton = forwardRef(
                 disabled={disabled || isLoading}
                 type="button"
                 aria-label={title}
-                LeftIcon={isLoading ? () => <InlineSpinner size={spinnerSize} /> : () => <Icon size={iconSize} />}
+                LeftIcon={LeftIcon}
                 // We apply our own styles to the button, so we need to override the default variant
                 variant="tertiary"
                 $size={size}