When used with form libraries, control buttons trigger form submission because of lack of type

[johnfrommartin]

Describe the bug
Forms that have this audio player rendered, will trigger form submission when one of the main control buttons are clicked.

Warning: You submitted a Formik form using a button with an unspecified `type` attribute.  Most browsers default button elements to `type="submit"`. If this is not a submit button, please add `type="button"`.

Can we have the type specified as "button" to prevent this from happening? e.stopPropagation() will not prevent this behavior from happening.

Suggested Fix:

<button
  aria-label={isPlaying ? 'Pause' : 'Play'}
  type="button" //  <-- Fix
  className="rhap_button-clear rhap_main-controls-button rhap_play-pause-button"
  onClick={this.togglePlay}
>
  {actionIcon}
</button>

Environment

Package version: "react-h5-audio-player": "^3.0.4",
React version: "react": "^16.8.2",
Browser and its version: Chromium
OS and its version: macOS Mojave 10.14.6 (18G95)

[lhz516]

Good catch! The use case inside a form hasn't been considered before.

Try 3.0.5

[johnfrommartin]

@lhz516 Works great, thanks!