diff --git a/apps/docs/content/components/toast/close.raw.jsx b/apps/docs/content/components/toast/close.raw.jsx
index b3824849f9..832cbf25a3 100644
--- a/apps/docs/content/components/toast/close.raw.jsx
+++ b/apps/docs/content/components/toast/close.raw.jsx
@@ -3,12 +3,15 @@ import React from "react";
 
 export default function App() {
   const [toastKey, setToastKey] = React.useState([]);
+  const [isBlogPage, setIsBlogPage] = React.useState(false);
+
+  React.useEffect(() => {
+    setIsBlogPage(window.location.pathname.startsWith("/blog"));
+  }, []);
 
   return (
     <>
-      <div className="fixed z-[100]">
-        <ToastProvider />
-      </div>
+      <div className="fixed z-[100]">{isBlogPage && <ToastProvider />}</div>
       <div className="flex flex-wrap gap-2">
         <Button
           variant="flat"