Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Optional chaining does not play nice with values defined by import statement when _interopRequireDefault is needed

See original GitHub issue

I believe that this a bug

Input Code

example .babelrc

{
  "presets": [
    ["env", {
      "targets": {
        "node": "current"
      }
    }]
  ],
  "plugins": [
    "transform-object-rest-spread",
    "add-module-exports",
    "transform-optional-chaining"
  ],
  "comments": false
}

example package.json

{
  "scripts": {
    "build": "./node_modules/babel-cli/bin/babel.js -d ./dist ./src"
  },
  "devDependencies": {
    "babel-cli": "7.0.0-beta.3",
    "babel-eslint": "8.0.2",
    "babel-node": "7.0.0-beta.3",
    "babel-plugin-add-module-exports": "0.2.1",
    "babel-plugin-transform-object-rest-spread": "7.0.0-beta.3",
    "babel-plugin-transform-optional-chaining": "7.0.0-beta.3",
    "babel-preset-env": "7.0.0-beta.3",
    "babel-register": "7.0.0-beta.3"
  }
}

example /src

// ./src/index.js
import lib from './lib/index';

try {
  // should be able to optionally chain from the imported object
  lib?.print('hello');
} catch (e) {
  // but instead an error is thrown
  console.error('lib is undefined error', e);
}

// ./src/lib/index
export default {
  print: function (val) {
    console.log(val);
  }
};

Expected Behavior

I would expect that after transpiling I would end up with a file like this:

"use strict";

var _index = _interopRequireDefault(require("./lib/index"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

try {
  _index.default == null ? void 0 : _index.print('hello');
} catch (e) {
  console.error('lib is undefined error', e);
}

Current Behavior

Instead I end up with a file like this:

"use strict";

var _index = _interopRequireDefault(require("./lib/index"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

try {
  // lib is still be referenced instead of the var _index
  _index.default == null ? void 0 : lib.print('hello');
} catch (e) {
  console.error('lib is undefined error', e);
}

Context

I am currently implementing the optional chaining plugin in a project and since it is not currently being used the issue is not particularly severe, but would like it to be resolved so that I don’t have to remember to specifically not use optional chaining with imported values.