From c334a185542cf92327c68e8145f12c597bc45f64 Mon Sep 17 00:00:00 2001
From: Vitaly Koshelkov <mail@koshelkov.ru>
Date: Tue, 14 Jan 2025 17:20:38 +0300
Subject: [PATCH] fix: remove invalid props from dom

---
 .changeset/weak-starfishes-leave.md              | 6 ++++++
 packages/picker-button/src/field/Component.tsx   | 1 +
 packages/tabs/src/components/title/Component.tsx | 2 ++
 packages/tabs/src/hooks/use-tabs.tsx             | 2 +-
 4 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/weak-starfishes-leave.md

diff --git a/.changeset/weak-starfishes-leave.md b/.changeset/weak-starfishes-leave.md
new file mode 100644
index 0000000000..b18fbeb5cc
--- /dev/null
+++ b/.changeset/weak-starfishes-leave.md
@@ -0,0 +1,6 @@
+---
+'@alfalab/core-components-picker-button': patch
+'@alfalab/core-components-tabs': patch
+---
+
+Убрана передача невалидных пропсов в DOM
diff --git a/packages/picker-button/src/field/Component.tsx b/packages/picker-button/src/field/Component.tsx
index c37588292f..0e0c698685 100644
--- a/packages/picker-button/src/field/Component.tsx
+++ b/packages/picker-button/src/field/Component.tsx
@@ -52,6 +52,7 @@ export const Field = ({
     labelView,
     FormControlComponent,
     icon,
+    onClear,
     ...restProps
 }: FieldProps) => {
     const Icon: ComponentType<SVGProps<SVGSVGElement>> = getIcon(
diff --git a/packages/tabs/src/components/title/Component.tsx b/packages/tabs/src/components/title/Component.tsx
index 4b6d2d5603..819c4153af 100644
--- a/packages/tabs/src/components/title/Component.tsx
+++ b/packages/tabs/src/components/title/Component.tsx
@@ -33,6 +33,7 @@ export const Title = forwardRef<HTMLButtonElement, Props>(
             showSkeleton = false,
             skeletonProps,
             onResize,
+            dataTestId,
             ...restProps
         },
         ref,
@@ -67,6 +68,7 @@ export const Title = forwardRef<HTMLButtonElement, Props>(
         return hidden ? null : (
             <button
                 {...restProps}
+                data-test-id={dataTestId}
                 ref={mergeRefs([ref, buttonRef])}
                 disabled={disabled || showSkeleton}
                 type='button'
diff --git a/packages/tabs/src/hooks/use-tabs.tsx b/packages/tabs/src/hooks/use-tabs.tsx
index 182f35a68f..f1e2ede8ec 100644
--- a/packages/tabs/src/hooks/use-tabs.tsx
+++ b/packages/tabs/src/hooks/use-tabs.tsx
@@ -130,7 +130,7 @@ export function useTabs({ titles = [], selectedId, onChange }: UseTabsProps) {
             tabIndex: itemSelected ? 0 : -1,
             'aria-selected': itemSelected,
             selected: itemSelected,
-            'data-test-id': getDataTestId(item.dataTestId, 'toggle'),
+            dataTestId: getDataTestId(item.dataTestId, 'toggle'),
             disabled: item.disabled,
             ref: mergeRefs(refs),
             onKeyDown: handleKeyDown,