From cda085438187d815b9cc82a433eb826c28199666 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20Kozio=C5=82?=
 <88797963+espezaliate@users.noreply.github.com>
Date: Wed, 24 Apr 2024 16:08:35 +0200
Subject: [PATCH] Fix: Prevent StepperHeader from submitting form

When using the Stepper component wrapped in a form, clicking the StepperHeader will submit the form. This is a fix for this issue.
---
 components/lib/stepper/StepperHeader.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/lib/stepper/StepperHeader.js b/components/lib/stepper/StepperHeader.js
index 75b34cbc72..1c984fc5c8 100644
--- a/components/lib/stepper/StepperHeader.js
+++ b/components/lib/stepper/StepperHeader.js
@@ -11,6 +11,7 @@ export const StepperHeader = React.memo(
             id: props.id,
             className: cx('stepper.action'),
             role: 'tab',
+            type: 'button',
             tabIndex: props.disabled ? -1 : undefined,
             'aria-controls': props.ariaControls,
             onClick: (e) => props.clickCallback(e, props.index)