Sonner

import { toast } from "somoto"

toast("Event has been created.")

import { Toaster } from "@/components/ui/sonner"
 
const App = () => {
  return (
    <Router
      root={(props) => (
        <Suspense>
          <ColorModeScript />
          <ColorModeProvider>
            {props.children}
            <Toaster />
          </ColorModeProvider>
        </Suspense>
      )}
    >
      <FileRoutes />
    </Router>
  )
}
 
export default App