fix storybook

frontend/src/lib/components/Map/Map.stories.tsx

@@ -1,26 +1,22 @@
 import type { Meta, StoryObj } from '@storybook/react'
-import { Marker } from 'maplibre-gl'
 
-import { Map, MapComponent } from './Map'
+import { Map } from './Map'
+
+const coordinates: [number, number] = [0.119167, 52.205276]
 
 const meta: Meta<typeof Map> = {
     title: 'Components/Map',
     component: Map,
     tags: ['autodocs'],
-}
-type Story = StoryObj<typeof Map>
-
-const coordinates: [number, number] = [0.119167, 52.205276]
-
-export const Unavailable: Story = {}
-
-export const Basic: Story = {
-    render: (args) => <MapComponent {...args} />,
+    // :TRICKY: We can't use markers in Storybook stories, as the Marker class is
+    // not JSON-serializable (circular structure).
     args: {
         center: coordinates,
-        markers: [new Marker({ color: 'var(--primary)' }).setLngLat(coordinates)],
         className: 'h-60',
     },
 }
+type Story = StoryObj<typeof Map>
+
+export const Basic: Story = {}
 
 export default meta