How to use the @talend/react-components/lib/TranslateWrapper function in @talend/react-components

.directive('pureList', ['reactDirective', reactDirective => reactDirective(
		getTranslated(List, { i18n })
	)])
	.directive('pureSidePanel', ['reactDirective', reactDirective => reactDirective(

.directive('talendForm', ['reactDirective', reactDirective => reactDirective(
		getTranslated(Form, { i18n })
	)])
	.component('notifications', NotificationsContainer)

.directive('pureAboutDialog', ['reactDirective', reactDirective => reactDirective(
		getTranslated(AboutDialog, { i18n })
	)])
	.directive('pureAppLoader', ['reactDirective', reactDirective => reactDirective(AppLoader)])

.directive('pureSidePanel', ['reactDirective', reactDirective => reactDirective(
		getTranslated(SidePanel, { i18n })
	)])
	.directive('pureLoader', ['reactDirective', reactDirective => reactDirective(Loader)])

.directive('pureAppHeaderBar', ['reactDirective', reactDirective => reactDirective(
		getTranslated(AppHeaderBar, { i18n })
	)])
	.directive('pureAboutDialog', ['reactDirective', reactDirective => reactDirective(