babel-plugin-codgen dynamic named exports troublshooting

codegen.js

const questionFactory = require('./questionFactory');
const generalQuestionConfig = require('./generalConfig');

const processedConfig = questionFactory('general', generalQuestionConfig);

module.exports = Object.keys(processedConfig)
  .map(key => `export const ${key} = ${JSON.stringify(processedConfig[key])}`)
  .join(';');

general.js

import codegen from 'babel-plugin-codegen/macro';

codegen.require('./codegen.js');

generalConfg.js

import SomeInput from '@/components/inputs/SomeInput';
import SomeOtherInput from '@/components/inputs/SomeOtherInput';

module.exports = {
  input1: {
    title: 'Input 1 Title',
    component: SomeInput,
  },
  input2: {
    title: 'Input 2 Title',
    component: SomeOtherInput,
  },
};

questionFactory.js

const getQuestionId = (questionId, groupIdentifier) => `${groupIdentifier}.${questionId}`;
const getTestId = id => `${id}Label`;

const questionFactory = (groupIdentifier, configuration) => {
  const processedConfiguration = {};

  Object.keys(configuration).forEach(key => {
    const { title, component } = configuration[key];
    processedConfiguration[getQuestionKey(key)] = {
      id: getQuestionId(key, groupIdentifier),
      testId: getTestId(key),
      Component: component,
      title,
    };
  });

  return processedConfiguration;
};

module.exports = questionFactory;