From 6a0e4f62a7cb70b52aecb293f6c891e5a9b002b7 Mon Sep 17 00:00:00 2001
From: Matt Perry <mattgperry@gmail.com>
Date: Thu, 10 Nov 2022 09:25:57 +0000
Subject: [PATCH] Renaming id -> elementId

---
 .../src/projection/node/create-projection-node.ts      | 10 +++++-----
 packages/framer-motion/src/projection/node/types.ts    |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/framer-motion/src/projection/node/create-projection-node.ts b/packages/framer-motion/src/projection/node/create-projection-node.ts
index d3abd8aae1..06c0c5e866 100644
--- a/packages/framer-motion/src/projection/node/create-projection-node.ts
+++ b/packages/framer-motion/src/projection/node/create-projection-node.ts
@@ -73,7 +73,7 @@ export function createProjectionNode<I>({
          * rendered components will be committed by React). In `didUpdate`, we search the DOM for
          * these potential nodes with this id and hydrate the projetion node of the ones that were commited.
          */
-        id: number | undefined
+        elementId: number | undefined
 
         /**
          * A reference to the platform-native node (currently this will be a HTMLElement).
@@ -293,11 +293,11 @@ export function createProjectionNode<I>({
         preserveOpacity?: boolean
 
         constructor(
-            id: number | undefined,
+            elementId: number | undefined,
             latestValues: ResolvedValues = {},
             parent: IProjectionNode | undefined = defaultParent?.()
         ) {
-            this.id = id
+            this.elementId = elementId
             this.latestValues = latestValues
             this.root = parent ? parent.root || parent : this
             this.path = parent ? [...parent.path, parent] : []
@@ -305,7 +305,7 @@ export function createProjectionNode<I>({
 
             this.depth = parent ? parent.depth + 1 : 0
 
-            id && this.root.registerPotentialNode(id, this)
+            elementId && this.root.registerPotentialNode(elementId, this)
 
             for (let i = 0; i < this.path.length; i++) {
                 this.path[i].shouldResetTransform = true
@@ -355,7 +355,7 @@ export function createProjectionNode<I>({
 
             this.root.nodes!.add(this)
             this.parent?.children.add(this)
-            this.id && this.root.potentialNodes.delete(this.id)
+            this.elementId && this.root.potentialNodes.delete(this.elementId)
 
             if (isLayoutDirty && (layout || layoutId)) {
                 this.isLayoutDirty = true
diff --git a/packages/framer-motion/src/projection/node/types.ts b/packages/framer-motion/src/projection/node/types.ts
index f8a02779b4..bb2dcbe2b2 100644
--- a/packages/framer-motion/src/projection/node/types.ts
+++ b/packages/framer-motion/src/projection/node/types.ts
@@ -25,7 +25,7 @@ export type LayoutEvents =
     | "animationComplete"
 
 export interface IProjectionNode<I = unknown> {
-    id: number | undefined
+    elementId: number | undefined
     parent?: IProjectionNode
     relativeParent?: IProjectionNode
     root?: IProjectionNode