fix

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';
 

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: [
       {

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>
   );

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>
   );

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';