Toasts

Implemented with react-toast, please refer to their documentation on how to use it.

Setup

In order to use toasts you need to set them up in your _app.tsx.

1import ToastContainer from '@components/toasts'
2import type { AppProps } from 'next/app'
3// Note that it's important that your global stylesheet is loaded last, otherwise the theme will be overridden
4import '../styles/globals.css'
5
6export default function App({ Component, pageProps }: AppProps) {
7  return (
8    <>
9      <Component {...pageProps} />
10      <ToastContainer />
11    </>
12  )
13}