diff --git a/lib/examples/2-static-layers/src/App.tsx b/lib/examples/2-static-layers/src/App.tsx
index 91c00e8c..16812b0c 100644
--- a/lib/examples/2-static-layers/src/App.tsx
+++ b/lib/examples/2-static-layers/src/App.tsx
@@ -2,6 +2,7 @@ import { UtopiaMap, Layer } from "utopia-ui"
 import { events, places } from "./sample-data"
 
 const itemTypeEvent = {
+  id: "a6dbf1a7-adf2-4ff5-8e20-d3aad66635fb",
   name: "event",
   show_name_input: false,
   show_profile_button: false,
@@ -39,6 +40,7 @@ function App() {
   return (
     <UtopiaMap center={[50.6, 15.5]} zoom={5} height='100dvh' width="100dvw">
     <Layer
+      id="8b6892ea-4ca3-4b86-8060-b0371a8dd375"
       name='events'
       markerIcon={
         {image: "calendar.svg",
@@ -54,6 +56,7 @@ function App() {
       itemType={itemTypeEvent}
       />
     <Layer
+      id="eea49637-1232-42f9-aec9-77b3187d5d7c"
       name='places'
       markerIcon={
         {image: "point.svg"}
diff --git a/lib/examples/3-tags/src/App.tsx b/lib/examples/3-tags/src/App.tsx
index bf9fb637..3987b263 100644
--- a/lib/examples/3-tags/src/App.tsx
+++ b/lib/examples/3-tags/src/App.tsx
@@ -5,12 +5,14 @@ function App() {
   return (
     <UtopiaMap center={[50.6, 15.5]} zoom={5} height='100dvh' width="100dvw">
     <Layer
+      id="eea49637-1232-42f9-aec9-77b3187d5d7c"
       name='events'
       markerIcon='calendar'
       markerShape='square'
       markerDefaultColor='#700'
       data={events} />
     <Layer
+      id="9b880bc6-2ad0-439a-b3b6-e7907d1d824a"
       name='places'
       markerIcon='point'
       markerShape='circle'