пример перевода не работает

Я пытаюсь использовать пример перевода ваших собственных компонент

поэтому я делаю это в app.js:

const messages = {
    en: {
        myroot: {
            hello: {
                world: 'Hello, World!',
            },
        },
    },
};
const App = () => (
  <Admin message={messages} locale="en" ...>
    <Resource name="myresource" edit={EditPage} />

и в моем компоненте Translation:

import React from 'react';
import { translate } from 'admin-on-rest';

const Translation = ({ translate }) => (
    <button>{translate('myroot.hello.world')}</button>
);

export default translate(Translation);

наконец, в моем EditPage:

import Translation from 'path/to/Translation';

export const EditPage = (props) => (
  <Edit {...props}>
    <Translation />
  </Edit>
);

это не работает для меня. просто показывает myroot.hello.world на кнопке.

не могли бы вы помочь мне с этим?