diff --git a/packages/blocks/src/lib/navigation-map/components/draw-tool.svelte b/packages/blocks/src/lib/navigation-map/components/draw-tool.svelte
index 5af13b19e..4d38c4d59 100644
--- a/packages/blocks/src/lib/navigation-map/components/draw-tool.svelte
+++ b/packages/blocks/src/lib/navigation-map/components/draw-tool.svelte
@@ -3,7 +3,7 @@
   Renders an in-progress rectangle that represents a drawn area by the user.
 -->
 <script lang="ts">
-import * as THREE from 'three';
+import type * as THREE from 'three';
 import { T, createRawEventDispatcher } from '@threlte/core';
 import { useMapLibreEvent, useMapLibre } from '$lib';
 import {
diff --git a/packages/blocks/src/routes/+page.svelte b/packages/blocks/src/routes/+page.svelte
index dc34c216e..e4f90e2a4 100644
--- a/packages/blocks/src/routes/+page.svelte
+++ b/packages/blocks/src/routes/+page.svelte
@@ -16,6 +16,7 @@ const fetchPointcloud = async () => {
     <div class="relative aspect-video w-full border border-gray-200">
       {#await fetchPointcloud() then pointcloud}
         <SlamMap2D
+          basePose={{ x: 1, y: 2, theta: 45 }}
           {pointcloud}
           {motionPath}
           on:click={(event) => console.log(event.detail)}