import * не загружает объект в es6

Question

Каталог i18n с index.js и файлами локализации: es.js, it.js и en.js.

Содержание index.js:

export { default as es } from './es'
export { default as it } from './it'
export { default as en } from './en'

Файл содержимого en.js (аналогично es.js и it.js):

/*eslint-disable max-len,quotes*/
export default {
  "about.h1": "This is the title from the about page",
  ...
}

Я пытаюсь загрузить сообщения локализации:

import * as i18n from 'i18n'
...
const intlData = {
  locale: 'en',
  messages: i18n['en']
}

Однако переменная messages не определена.

Когда я проверил журнал консоли с:

window.console.log(i18n)

Я получил неопределенный:

Object {__esMOdule: true}
 es:undefined
 get es: function get()
 it: undefined
 get it: function get()
 en: undefined
 get en: function get()
 __proto__: Object

Где я должен получить что-то вроде:

Object {__esMOdule: true}
 es: Object
 it: Object
 en: Object
 __proto__: Object