feat: less wrappers

package.json

@@ -53,7 +53,7 @@
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^2.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^5.17.0",
+    "@gravity-ui/uikit": "^5.18.1",
     "@storybook/addon-essentials": "^7.1.1",
     "@storybook/cli": "^7.1.1",
     "@storybook/preset-scss": "^1.0.3",
@@ -88,7 +88,7 @@
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
-    "@gravity-ui/uikit": "^5.12.0",
+    "@gravity-ui/uikit": "^5.18.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },

src/components/HelpPopover/HelpPopover.tsx

@@ -19,14 +19,17 @@ export interface HelpPopoverProps extends Omit<PopoverProps, 'children'>, QAProp
 export function HelpPopover(props: HelpPopoverProps) {
     return (
         <Popover {...props} className={b(null, props.className)}>
-            <button
-                ref={props.buttonRef}
-                type="button"
-                {...props.buttonProps}
-                className={b('button', props.buttonProps?.className)}
-            >
-                <Icon data={QuestionMarkIcon} size={16} />
-            </button>
+            {({onClick}) => (
+                <button
+                    ref={props.buttonRef}
+                    type="button"
+                    {...props.buttonProps}
+                    className={b('button', props.buttonProps?.className)}
+                    onClick={onClick}
+                >
+                    <Icon data={QuestionMarkIcon} size={16} />
+                </button>
+            )}
         </Popover>
     );
 }