[React Intl] Message failed to parse.

[joetidee]

I just upgraded to react-intl 3.12.1 and babel-plugin-formatjs 9.2.1. I'm getting the following error and struggling to identify what the issues is:

ERROR in ./src/messages.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/joe/Sources/tidee-life/packages/tidee-life-web/src/messages.js: [React Intl] Message failed to parse. See: http://formatjs.io/guides/message-syntax/
TypeError: input.substr is not a function (This is an error on an internal node. Probably an internal error.)
    at File.buildCodeFrameError (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/core/lib/transformation/file/file.js:248:12)
    at NodePath.buildCodeFrameError (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/path/index.js:144:21)
    at getICUMessageValue (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/babel-plugin-react-intl/dist/index.js:68:27)
    at evaluateMessageDescriptor (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/babel-plugin-react-intl/dist/index.js:115:26)
    at processMessageObject (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/babel-plugin-react-intl/dist/index.js:323:38)
    at Array.forEach (<anonymous>)
    at PluginPass.CallExpression (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/babel-plugin-react-intl/dist/index.js:344:30)
    at newFn (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/visitors.js:175:21)
    at NodePath._call (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/path/context.js:55:20)
    at NodePath.call (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/path/context.js:42:17)
    at NodePath.visit (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/path/context.js:92:31)
    at TraversalContext.visitQueue (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:112:16)
    at TraversalContext.visitSingle (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:84:19)
    at TraversalContext.visit (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:140:19)
    at Function.traverse.node (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/index.js:82:17)
    at NodePath.visit (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/path/context.js:99:18)
    at TraversalContext.visitQueue (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:112:16)
    at TraversalContext.visitMultiple (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:79:17)
    at TraversalContext.visit (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:138:19)
    at Function.traverse.node (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/index.js:82:17)
    at NodePath.visit (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/path/context.js:99:18)
    at TraversalContext.visitQueue (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:112:16)
    at TraversalContext.visitMultiple (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:79:17)
    at TraversalContext.visit (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:138:19)
    at Function.traverse.node (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/index.js:82:17)
    at NodePath.visit (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/path/context.js:99:18)
    at TraversalContext.visitQueue (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:112:16)
    at TraversalContext.visitSingle (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:84:19)
    at TraversalContext.visit (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/context.js:140:19)
    at Function.traverse.node (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/index.js:82:17)
    at traverse (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/traverse/lib/index.js:64:12)
    at transformFile (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/core/lib/transformation/index.js:107:29)
    at transformFile.next (<anonymous>)
    at run (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/core/lib/transformation/index.js:35:12)
    at run.next (<anonymous>)
    at Function.transform (/Users/joe/Sources/tidee-life/packages/tidee-life-web/node_modules/@babel/core/lib/transform.js:27:41)
 @ ./src/scenes/organizer/organizer.jsx 44:0-38 240:55-63
 @ ./src/components/app-wrapper/app-wrapper-logged-in.jsx
 @ ./src/routes.js
 @ ./src/app.js
 @ multi ./src/app.js

[longlho]

hmm what's at ./src/scenes/organizer/organizer.jsx 44:0-38 240:55-63?

[joetidee]

const getOrganizerItems = (messages, props) => {
    const { actions, apiOrganizer } = props;
    if (!apiOrganizer.isFetching) {
        try {
            actions.fetchOrganizerItems();
        } catch(error) {
            actions.endFetch({ key: 'organizer' });
(line 44)            actions.addNotification({ type: 'error', message: messages['organise.fetch.error'], timeout: 0 });
        }
    }
};
...
class Organizer extends Component {
    constructor(props) {
        super(props);
        const { intl } = props;
        this.messages = {
            'organise.fetch.error': intl.formatMessage(messages['organise.fetch.error']),
        };
        getOrganizerItems(this.messages, props);

...

[joetidee]

Worth noting that the url stated in the error no longer exists:
http://formatjs.io/guides/message-syntax

[joetidee]

ok, found out it was because I had the babel-plugin-react-intl package installed and configured in babel config file.