diff --git a/examples/marker-clustering/src/app.tsx b/examples/marker-clustering/src/app.tsx
index 4b11cf5..ee6c02a 100644
--- a/examples/marker-clustering/src/app.tsx
+++ b/examples/marker-clustering/src/app.tsx
@@ -10,6 +10,7 @@ import {
 import {MarkerClusterer} from '@googlemaps/markerclusterer';
 import type {Marker} from '@googlemaps/markerclusterer';
 import trees from './trees';
+import ControlPanel from './control-panel';
 
 const API_KEY =
   globalThis.GOOGLE_MAPS_API_KEY ?? (process.env.GOOGLE_MAPS_API_KEY as string);
@@ -24,6 +25,7 @@ const App = () => (
       disableDefaultUI>
       <Markers points={trees} />
     </Map>
+    <ControlPanel />
   </APIProvider>
 );