Invalid Message Catalogs Generated

Using 3.0.0-13 to 3.0.0-16 after an extract and compile, I’m getting the following error:

Argument of type '{ messages: { "API.greenlight_status.invalid_email": string; "API.sessions.invalid_email": string; "API.sessions.invalid_password": string; "API.sessions.invalid_phone": string; "DashboardPage.child_care_footer": string; ... 156 more ...; "{0, plural, one {child} other {children}}": (string | { ...; })[][]; }; }' is not assignable to parameter of type 'Record<string, CompiledMessage>'.
  Property 'messages' is incompatible with index signature.
    Type '{ "API.greenlight_status.invalid_email": string; "API.sessions.invalid_email": string; "API.sessions.invalid_password": string; "API.sessions.invalid_phone": string; "DashboardPage.child_care_footer": string; ... 156 more ...; "{0, plural, one {child} other {children}}": (string | { ...; })[][]; }' is not assignable to type 'CompiledMessage'.
      Object literal may only specify known properties, and '"API.greenlight_status.invalid_email"' does not exist in type '(string | [string, (string | undefined)?, (string | Object | undefined)?])[]'.  TS2345
     3 | import en from './locales/en/messages.js'
       |
     5 | 
     6 | export const i18n = setupI18n()
  >  7 | i18n.load('en', en)
       |                 ^
     8 | i18n.load('es', es)
     9 | i18n.activate('en')

[semoal]

The problem is you’re importing messages.js as default, you must extract the messages

import { messages as enMessages } from './locales/en/messages.js'
      
export const i18n = setupI18n()
i18n.load('en', enMessages)

[tricoder42]

It was just published in 3.0.0-20