diff --git a/.changeset/fluffy-pumas-smile.md b/.changeset/fluffy-pumas-smile.md new file mode 100644 index 000000000..9b61acf78 --- /dev/null +++ b/.changeset/fluffy-pumas-smile.md @@ -0,0 +1,5 @@ +--- +'@craftjs/utils': patch +--- + +Accessing element.ref is no longer supported. ref is now a regular prop. diff --git a/packages/utils/src/EventHandlers/wrapConnectorHooks.tsx b/packages/utils/src/EventHandlers/wrapConnectorHooks.tsx index 6b1727373..f35f7cc92 100644 --- a/packages/utils/src/EventHandlers/wrapConnectorHooks.tsx +++ b/packages/utils/src/EventHandlers/wrapConnectorHooks.tsx @@ -19,7 +19,7 @@ export function cloneWithRef( element: any, newRef: any ): React.ReactElement { - const previousRef = element.ref; + const previousRef = element.props.ref || element.ref; invariant( typeof previousRef !== 'string', 'Cannot connect to an element with an existing string ref. ' +