Document has multiple elements referenced with ARIA with the same id attribute: notistack-snackbar

[ApostolosBenisis]

Expected Behavior

When showing multiple notifications, the DOM elements of each snackbar should have a unique id.

Additionally, the id of the <div> that contains the message should be set to the id returned by enqueueSnackbar().
Further more the the "aria-describeby" of the <div> that represents the mui content, and of the default action button should be set to that id.

Current Behavior

When multiple notifications are shown, the id of every <div> that contains a message is set to 'notistack-snackbar'
The "aria-describeby" is also set to 'notistack-snackbar'.
This breaks accessibility as the IDs that used in ARIA are not unique.
Additionally it is not possible to create a custom action and set the ARIA to something useful.

Steps to Reproduce

<SnackbarProvider>
  <App />
</SnackbarProvider>

enqueueSnackbar("Notifcation 1")
enqueueSnackbar("Notifcation 2")

Context

Accessibility WCAG 2.0 Level A compliance

Your Environment

Tech	Version
Notistack	v3.0.1
React
Browser
etc.