Parcel breaks property access if property has same name as enclosing function

[danieltroger]

🐛 bug report

Parcel breaks code where a property on an object is accessed that has the same name as an enclosing function. In that case the property name is transformed to something like $b5397e630a15ea24$export$6a5cdcad01c973fa.

🎛 Configuration (.babelrc, package.json, cli command)

Please see attached .zip file

🤔 Expected Behavior

!async function(){console.log({foo:"123"}?.foo)}(); -> logs "123" when ran

😯 Current Behavior

!async function(){console.log({foo:"123"}?.$38da3cfda514bd25$export$6a5cdcad01c973fa)}(); -> logs undefined when ran

💁 Possible Solution

Make so that the property name no longer gets replaced

🔦 Context

Our code stopped working. Turns out this is why. Kudos to @carltheperson for debugging.

💻 Code Sample

parcel-broken-code.zip
run yarn install and then yarn build

foo();

export async function foo() {
  function bar() {
    return { foo: "123" }?.foo;
  }

  console.log(bar());
}

🌍 Your Environment

Software	Version(s)
Parcel	2.0.0-nightly.1094+8981c8896
Node	v18.0.0
npm/Yarn	3.2.1
Operating System	macOS 12.2 (21D49)