diff --git a/packages/react/src/MainLayout.tsx b/packages/react/src/MainLayout.tsx
index 5875dbf..f0feab0 100644
--- a/packages/react/src/MainLayout.tsx
+++ b/packages/react/src/MainLayout.tsx
@@ -2,6 +2,7 @@ import { useState } from "react";
 import { Link, Outlet, useLocation } from "react-router-dom";
 import { Button } from "../components/Button";
 import RouteObject from "./RouteObject";
+import { Toaster } from "@components/Toast";
 
 type Theme = "light" | "dark";
 
@@ -87,6 +88,7 @@ function TopNav() {
 function MainLayout() {
   return (
     <>
+      <Toaster />
       <TopNav />
       <Outlet />
     </>