diff --git a/components/canvas/mini-map.tsx b/components/canvas/mini-map.tsx
index 6a8c9ad..a1ed61b 100644
--- a/components/canvas/mini-map.tsx
+++ b/components/canvas/mini-map.tsx
@@ -64,9 +64,10 @@ export function MiniMap() {
     ctx.scale(scale, scale);
 
     layers
-      .filter((layer) => layer.visible)
+      .filter((layer) => layer.visible && layer.canvas)
       .sort((a, b) => a.order - b.order) // Bottom to top
       .forEach((layer) => {
+        if (!layer.canvas) return;
         ctx.globalAlpha = layer.opacity;
         ctx.drawImage(layer.canvas, layer.x, layer.y);
       });
diff --git a/components/layers/layer-effects-panel.tsx b/components/layers/layer-effects-panel.tsx
index aaaa069..e425fbd 100644
--- a/components/layers/layer-effects-panel.tsx
+++ b/components/layers/layer-effects-panel.tsx
@@ -34,7 +34,7 @@ const EFFECT_NAMES: Record<EffectType, string> = {
   satin: 'Satin',
 };
 
-const EFFECT_ICONS: Record<EffectType, JSX.Element> = {
+const EFFECT_ICONS: Record<EffectType, React.ReactElement> = {
   dropShadow: <Sparkles className="h-3 w-3" />,
   innerShadow: <Sparkles className="h-3 w-3" />,
   outerGlow: <Sparkles className="h-3 w-3" />,