multiple snackbars at once

[ysgk]

First, thanks for this project 😍

I want show multiple flash messages on page load, but I can't do that. (Maybe because notistack uses new Date().getTime() for its component's key prop?)

// This code shows only the last flash message.
componentDidMount() {
  const { enqueueSnackbar, flashes } = this.props
  flashes.forEach(flash => {
    enqueueSnackbar(flash.message)
  })
}

I found a workaround for this, but I think this is a little hacky.

componentDidMount() {
  const { enqueueSnackbar, flashes } = this.props
  setTimeout(() => {
    flashes.forEach(flash => {
     enqueueSnackbar(flash.message)
    })
  })
}

Do you have any plan to support such a case?

[iamhosseindhv]

Happy you like the project @ysgk ❤️

I'll investigate this to make sure new Date().getTime() is causing this behaviour, (and potentially use uid instead). But for now you may want to go with setTimeout.

flashes.forEach(item => {
    setTimeout(() => this.props.enqueueSnackbar(item), 1)
});

[iamhosseindhv]

#15 is on its way and will fix this issue.

so you'll be able to do something like:

componentDidMount = () => flashes.forEach(this.props.enqueueSnackbar);

[iamhosseindhv]

@ysgk this fix is available in the latest version.

[ysgk]

Thank you for your kindness. It works fine now!