Optional chaining is not working with dynamic property name imported from another file

[ivanStraltsou]

🐛 bug report

2.6.0 regression (works fine in 2.4.0); ??

result code is not using imports correctly, so optionally chained property is used from global context and not imported module, which was never defined (Uncaught ReferenceError: XXX is not defined)

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

src/constants.js

export const RANDOM_REASON = 'random';

src/index.js

import { RANDOM_REASON } from "./constants";

fetch('something').then((data) => {
    console.log(data.reasons?.[RANDOM_REASON]);
});

parcel build index.js --no-optimize

(() => {
const $995a17657784c9af$export$19a494d0e5fb84be = "random";

fetch("something").then((data)=>{
    console.log(data.reasons?.[RANDOM_REASON]); // <--- RANDOM_REASON never defined
});

})();

🤔 Expected Behavior

v 2.4.0 output:

(() => {
const $995a17657784c9af$export$19a494d0e5fb84be = 'random';

fetch('something').then((data)=>{
    console.log(data.reasons?.[$995a17657784c9af$export$19a494d0e5fb84be]);
});

})();

💁 Possible Solution

guess its related to a recent fix (#8121) associated with:

#7937
#8102

🔦 Context

💻 Code Sample

🌍 Your Environment

full example (branch: issue-2.6.0-chaining): https://github.com/ivanStraltsou/parcel2-issue/blob/issue-2.6.0-chaining/src/index.js

Software	Version(s)
Parcel	2.6.0
Node	17.9.0
npm/Yarn	npm 8.5.5
Operating System	Win 10 Pro 19043.1586