score:3

Accepted answer

If I'm reading you correctly, it sounds like you have your Snackbar working properly, but it closes too quickly. You'd like it to show but then auto-close itself 4 seconds later, even if the API call itself only took .5 seconds for example. Is that correct? If so, I believe you can simply skip re-rendering your component when the state.open is being changed from true to false (but still allow render when going from false to true):

shouldComponentUpdate(nextProps, nextState) {
  // Only re-render when snackbar is going from closed to open
  return !this.state.open && nextState.open;
}

Related Query

More Query from same tag