[help] How can I make new snackbar always appears at the start position instead of at the rear?

[Paper-Folding]

I noticed that new snackbar appears at the rear of the stack, how can I make new snackbar always appears at the beginning position? For example, if setting up snackbar at left bottom position, how can I make new snackbar appears the very bottom of all snackbars rather than at the top?

[Paper-Folding]

For example, it should behave just like this one I used before: https://paper-folding.github.io/toastify/ .

[TimonPeng]

notistack-SnackbarContainer has style flex-direction: column-reverse by default.

Add a new class name snackbar-container:

<SnackbarProvider
  classes={{ containerRoot: "snackbar-container" }}
  anchorOrigin={{ horizontal: "right", vertical: "bottom" }}
  maxSnack={Infinity}
>
  <Component {...pageProps} />
</SnackbarProvider>

Set css for snackbar-container or use default class name notistack-SnackbarContainer.

.snackbar-container {
  flex-direction: column;
}