Me pregunto si es posible actualizar el type de botón entre "submit" y "button" según un valor booleano: form?.hasErrors)

Aquí está mi código:

 const btnType = () => { if (form?.hasErrors) { return "submit"; } return "button"; }; return ( <> <StyledButton onClick={!form?.hasErrors() ? handleShowModal : undefined} type={btnType()} > Search </StyledButton> );

Básicamente, solo quiero asegurarme de que, si el formulario tiene errores, el tipo de botón esté configurado en "enviar" y, de lo contrario, se configurará en "botón" (predeterminado).