diff --git a/javascripts/src/components/common/wizard/__snapshots__/Wizard.spec.tsx.snap b/javascripts/src/components/common/wizard/__snapshots__/Wizard.spec.tsx.snap
index 9112ff40..5e7aaba8 100644
--- a/javascripts/src/components/common/wizard/__snapshots__/Wizard.spec.tsx.snap
+++ b/javascripts/src/components/common/wizard/__snapshots__/Wizard.spec.tsx.snap
@@ -43,21 +43,21 @@ exports[`Wizard Move back on disabled make first invalid so move back there 1`]
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab1\\" active={true} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab1-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={false} aria-describedby=\\"tab1\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab2\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab2-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab2\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab3\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab3-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab3\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
@@ -112,21 +112,21 @@ exports[`Wizard Move back on disabled make first invalid so move back there 2`]
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab1\\" active={true} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab1-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={false} aria-describedby=\\"tab1\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab2\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab2-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab2\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab3\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab3-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab3\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
@@ -181,21 +181,21 @@ exports[`Wizard Move back on disabled make second invalid so move back there 1`]
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab1\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab1-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab1\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab2\\" active={true} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab2-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={false} aria-describedby=\\"tab2\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab3\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab3-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab3\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
@@ -250,21 +250,21 @@ exports[`Wizard first tab is active 1`] = `
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab1\\" active={true} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab1-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={false} aria-describedby=\\"tab1\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab2\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab2-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab2\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab3\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab3-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab3\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
@@ -319,21 +319,21 @@ exports[`Wizard go to the second tab go to next via backend 1`] = `
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab1\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab1-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab1\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab2\\" active={true} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab2-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={false} aria-describedby=\\"tab2\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab3\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab3-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab3\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
@@ -388,21 +388,21 @@ exports[`Wizard go to the second tab set via next click 1`] = `
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab1\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab1-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab1\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab2\\" active={true} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab2-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={false} aria-describedby=\\"tab2\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab3\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab3-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab3\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
@@ -457,21 +457,21 @@ exports[`Wizard go to the second tab set via tab click 1`] = `
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab1\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab1-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab1\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab2\\" active={true} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab2-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={false} aria-describedby=\\"tab2\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>
             <WizardPanel tab={{...}}>
               <TabPanel tabId=\\"tab3\\" active={false} className=\\"wizard-step\\" tag=\\"div\\">
                 <div className=\\"wizard-step\\" id=\\"tab3-panel\\" onKeyDown={[Function: bound ]} role=\\"tabpanel\\" style={{...}} aria-hidden={true} aria-describedby=\\"tab3\\">
-                  <button onClick={[Function: res]} />
+                  <button onClick={[Function: moveToNextTab]} />
                 </div>
               </TabPanel>
             </WizardPanel>