ES6 Imports showing as uncovered lines

[jackmunkonge3]

Imports in my react native project are showing up in lcov reports and SonarQube as uncovered lines

babel.config.js

module.exports = {
  presets: [
    "module:metro-react-native-babel-preset"
  ],
  plugins: [
    "@babel/plugin-proposal-object-rest-spread",
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    "module:react-native-dotenv"
  ],
  env: {
    production: {
      plugins: ["transform-remove-console"]
    },
  }
};

metro.config.js

module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true,
      },
    }),
  },
};