diff --git a/apps/examples/src/examples/ExplodedExample.tsx b/apps/examples/src/examples/ExplodedExample.tsx
index 7f1c4af7c..a6e81af09 100644
--- a/apps/examples/src/examples/ExplodedExample.tsx
+++ b/apps/examples/src/examples/ExplodedExample.tsx
@@ -2,6 +2,11 @@ import {
 	Canvas,
 	ContextMenu,
 	TldrawEditor,
+	TldrawHandles,
+	TldrawHoveredShapeIndicator,
+	TldrawScribble,
+	TldrawSelectionBackground,
+	TldrawSelectionForeground,
 	TldrawUi,
 	defaultShapeTools,
 	defaultShapeUtils,
@@ -9,6 +14,15 @@ import {
 } from '@tldraw/tldraw'
 import '@tldraw/tldraw/tldraw.css'
 
+const defaultComponents = {
+	Scribble: TldrawScribble,
+	CollaboratorScribble: TldrawScribble,
+	SelectionForeground: TldrawSelectionForeground,
+	SelectionBackground: TldrawSelectionBackground,
+	Handles: TldrawHandles,
+	HoveredShapeIndicator: TldrawHoveredShapeIndicator,
+}
+
 export default function ExplodedExample() {
 	return (
 		<div className="tldraw__editor">
@@ -16,6 +30,7 @@ export default function ExplodedExample() {
 				initialState="select"
 				shapeUtils={defaultShapeUtils}
 				tools={[...defaultTools, ...defaultShapeTools]}
+				components={defaultComponents}
 				persistenceKey="exploded-example"
 			>
 				<TldrawUi>