diff --git a/src/canvas/index.ts b/src/canvas/index.ts
index 85856b43a..f6a5816ac 100644
--- a/src/canvas/index.ts
+++ b/src/canvas/index.ts
@@ -724,7 +724,8 @@ export default class CanvasModule extends Module<CanvasConfig> {
     ['model', 'droppable'].forEach(i => (this[i] = {}));
   }
 
-  setSpot<T extends CanvasSpotProps>(spotProps: Partial<T> = {}, opts: AddOptions = {}) {
+  setSpot<T extends CanvasSpotProps>(props: Omit<T, 'id'>, opts: AddOptions = {}) {
+    const spotProps = props as T;
     const spots = this.getSpots<T>(spotProps);
 
     if (spots.length) {
diff --git a/src/canvas/model/CanvasSpot.ts b/src/canvas/model/CanvasSpot.ts
index 2cc4ef08d..9a886957e 100644
--- a/src/canvas/model/CanvasSpot.ts
+++ b/src/canvas/model/CanvasSpot.ts
@@ -19,8 +19,8 @@ export type CanvasSpotType = LiteralUnion<CanvasSpotBuiltInType, string>;
 
 /** @private */
 export interface CanvasSpotBase<T extends CanvasSpotType> {
-  id: string;
   type: T;
+  id: string;
   boxRect?: BoxRect;
   component?: Component;
   componentView?: ComponentView;