diff --git a/apps/www/src/registry/default/lib/uploadthing/index.ts b/apps/www/src/registry/default/lib/uploadthing/index.ts
deleted file mode 100644
index 1a2665ad75..0000000000
--- a/apps/www/src/registry/default/lib/uploadthing/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './uploadthing'
\ No newline at end of file
diff --git a/apps/www/src/registry/default/plate-ui/media-placeholder-element.tsx b/apps/www/src/registry/default/plate-ui/media-placeholder-element.tsx
index 5a3c80c232..45165952e4 100644
--- a/apps/www/src/registry/default/plate-ui/media-placeholder-element.tsx
+++ b/apps/www/src/registry/default/plate-ui/media-placeholder-element.tsx
@@ -29,7 +29,7 @@ import {
 import { AudioLines, FileUp, Film, ImageIcon } from 'lucide-react';
 import { useFilePicker } from 'use-file-picker';
 
-import { useUploadFile } from '../lib/uploadthing';
+import { useUploadFile } from '../lib/uploadthing/uploadthing';
 import { PlateElement } from './plate-element';
 import { Spinner } from './spinner';
 
diff --git a/apps/www/src/registry/registry-blocks.ts b/apps/www/src/registry/registry-blocks.ts
index 4777199b91..5cf71caa2c 100644
--- a/apps/www/src/registry/registry-blocks.ts
+++ b/apps/www/src/registry/registry-blocks.ts
@@ -25,6 +25,7 @@ export const blocks: Registry = [
       '@udecode/plate-slash-command',
       '@udecode/plate-table',
       '@udecode/plate-toggle',
+      'sonner',
     ],
     files: [
       {
diff --git a/templates/plate-playground-template/src/app/editor/page.tsx b/templates/plate-playground-template/src/app/editor/page.tsx
index 2859d21b23..6f6314dc11 100644
--- a/templates/plate-playground-template/src/app/editor/page.tsx
+++ b/templates/plate-playground-template/src/app/editor/page.tsx
@@ -1,3 +1,5 @@
+import { Toaster } from 'sonner';
+
 import { PlateEditor } from '@/components/editor/plate-editor';
 import { OpenAIProvider } from '@/components/editor/use-chat';
 
@@ -6,6 +8,7 @@ export default function Page() {
     <div className="h-screen w-full" data-registry="plate">
       <OpenAIProvider>
         <PlateEditor />
+        <Toaster />
       </OpenAIProvider>
     </div>
   );
diff --git a/templates/plate-playground-template/src/app/layout.tsx b/templates/plate-playground-template/src/app/layout.tsx
index 7ec0b1587b..e29a8830d0 100644
--- a/templates/plate-playground-template/src/app/layout.tsx
+++ b/templates/plate-playground-template/src/app/layout.tsx
@@ -1,7 +1,6 @@
 import type { Metadata } from 'next';
 
 import localFont from 'next/font/local';
-import { Toaster } from 'sonner';
 
 import './globals.css';
 
@@ -32,7 +31,6 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         {children}
-        <Toaster />
       </body>
     </html>
   );
diff --git a/templates/plate-playground-template/src/components/plate-ui/media-placeholder-element.tsx b/templates/plate-playground-template/src/components/plate-ui/media-placeholder-element.tsx
index 76713b8be0..2863b3c9df 100644
--- a/templates/plate-playground-template/src/components/plate-ui/media-placeholder-element.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/media-placeholder-element.tsx
@@ -29,7 +29,7 @@ import {
 import { AudioLines, FileUp, Film, ImageIcon } from 'lucide-react';
 import { useFilePicker } from 'use-file-picker';
 
-import { useUploadFile } from '@/lib/uploadthing';
+import { useUploadFile } from '@/lib/uploadthing/uploadthing';
 
 import { PlateElement } from './plate-element';
 import { Spinner } from './spinner';
diff --git a/templates/plate-playground-template/src/lib/uploadthing/index.ts b/templates/plate-playground-template/src/lib/uploadthing/index.ts
deleted file mode 100644
index d83b377c7d..0000000000
--- a/templates/plate-playground-template/src/lib/uploadthing/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './uploadthing';