ProgressBar componentWillUnmount fires onSeekEnd

[enderortak]

ProgressBar componentWillUnmount fires onSeekEnd and this is giving me trouble on the below scenario:

Before starting seek, I pause the playback and restart it if it was playing before the seek.

handleSeekStart = () => this.pausePlayback();
handleSeekEnd = () => { if (this.state.isPlaying) this.startPlayback(this.state.currentPoint); }

To handle unmounting of the component at the middle of a playback, I call my exit handler below:

handleExit =() => {
    this.setState({ isPlaying: false });
    this.stopPlayback();
  }

This works like that:

• Set playing state to false (async)
• Stop playback
• ProgressBar componentWillUnmount => onSeekEnd is called
• Check if playing state is true (I think since react setState function is async, playing state is still true here)
• playback starts again from the last point and keeps its progress in the background

Is there a way to detect if onSeekEnd is fired by componentWillUnmount? Or any other suggestions are welcomed.

[alexanderwallin]

Hi @enderortak!

<ProgressBar /> should call onSeekEnd() with a value of null if it was triggered from componentWillUnmount(). Have a look and see if that helps.

[alexanderwallin]

This should probably only be fired if the user is currently dragging the slider value.

[enderortak]

@alexanderwallin thank you, checking the value will definitely help!