From d132dca2a559a48130616a22451e1a1bbec02789 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Tue, 29 Jul 2025 18:05:16 -0600
Subject: [PATCH] Update broken imports

---
 apps/web/src/components/ui/report/ThemeWrapper/themes.ts     | 5 +++--
 .../web/src/components/ui/report/elements/BlockDraggable.tsx | 4 +++-
 .../components/ui/report/elements/InsertToolbarButton.tsx    | 4 ++--
 .../src/components/ui/report/elements/MediaToolbarButton.tsx | 4 ++--
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/ui/report/ThemeWrapper/themes.ts b/apps/web/src/components/ui/report/ThemeWrapper/themes.ts
index 98642d807..daf8ebbc2 100644
--- a/apps/web/src/components/ui/report/ThemeWrapper/themes.ts
+++ b/apps/web/src/components/ui/report/ThemeWrapper/themes.ts
@@ -524,14 +524,15 @@ const _THEMES = {
 } as const;
 
 Object.entries(_THEMES).forEach(([key, theme]) => {
-  (_THEMES as any)[key] = {
+  // @ts-expect-error - key is a string
+  _THEMES[key] = {
     ...theme,
     dark: themeColorsToCssVariables(theme.dark),
     light: themeColorsToCssVariables(theme.light)
   };
 });
 
-export const THEMES: Record<ThemeId, Theme> = _THEMES as any;
+export const THEMES: Record<ThemeId, Theme> = _THEMES;
 
 export function themeColorsToCssVariables(colors: Record<string, string>): Record<string, string> {
   const cssVars = colors
diff --git a/apps/web/src/components/ui/report/elements/BlockDraggable.tsx b/apps/web/src/components/ui/report/elements/BlockDraggable.tsx
index f431d2ae8..5ac12442d 100644
--- a/apps/web/src/components/ui/report/elements/BlockDraggable.tsx
+++ b/apps/web/src/components/ui/report/elements/BlockDraggable.tsx
@@ -64,7 +64,9 @@ export const BlockDraggable: RenderNodeWrapper = (props) => {
 
   if (!enabled) return;
 
-  return (props) => <Draggable {...props} />;
+  const Component = (props: PlateElementProps) => <Draggable {...props} />;
+  Component.displayName = 'BlockDraggable';
+  return Component;
 };
 
 function Draggable(props: PlateElementProps) {
diff --git a/apps/web/src/components/ui/report/elements/InsertToolbarButton.tsx b/apps/web/src/components/ui/report/elements/InsertToolbarButton.tsx
index b0bafaf1e..c2d0272a6 100644
--- a/apps/web/src/components/ui/report/elements/InsertToolbarButton.tsx
+++ b/apps/web/src/components/ui/report/elements/InsertToolbarButton.tsx
@@ -13,7 +13,7 @@ import {
   Heading1,
   Heading2,
   Heading3,
-  Image,
+  Image as ImageIcon,
   Link2,
   UnorderedList,
   OrderedList,
@@ -138,7 +138,7 @@ const groups: Group[] = [
     group: 'Media',
     items: [
       {
-        icon: <Image />,
+        icon: <ImageIcon />,
         label: 'Image',
         value: KEYS.img
       },
diff --git a/apps/web/src/components/ui/report/elements/MediaToolbarButton.tsx b/apps/web/src/components/ui/report/elements/MediaToolbarButton.tsx
index 3630d9f83..40284bf92 100644
--- a/apps/web/src/components/ui/report/elements/MediaToolbarButton.tsx
+++ b/apps/web/src/components/ui/report/elements/MediaToolbarButton.tsx
@@ -5,7 +5,7 @@ import * as React from 'react';
 import type { DropdownMenuProps } from '@radix-ui/react-dropdown-menu';
 
 import { PlaceholderPlugin } from '@platejs/media/react';
-import { VolumeUp, FileCloud, Film, Image, Link } from '@/components/ui/icons';
+import { VolumeUp, FileCloud, Film, Image as ImageIcon, Link } from '@/components/ui/icons';
 import { isUrl, KEYS } from 'platejs';
 import { useEditorRef } from 'platejs/react';
 import { toast } from 'sonner';
@@ -69,7 +69,7 @@ const MEDIA_CONFIG: Record<
     accept: ['image/*'],
     icon: (
       <div className="size-4">
-        <Image />
+        <ImageIcon />
       </div>
     ),
     title: 'Insert Image',