withNamespaces(namespaces, options)(MyComponent);

import React from 'react';
import { withNamespaces } from 'react-i18next';
​
function TranslatableView(props) {
  const { t, tReady } = props;
  // tReady is true if translations were loaded.
  // Use wait option to not render before loaded
  // or render placeholder yourself if not tReady=false
​
  return (
    <div>
      <h1>{t('keyFromDefault')}</h1>
      <p>{t('anotherNamespace:key.from.another.namespace', { /* options t options */ })}</p>
    </div>
  )
}
​
export default withNamespaces([
  'defaultNamespace',
  'anotherNamespace'
], { /* additional options see below */ })(TranslatableView);
​
// or: short for only loading one namespace:
export default withNamespaces('defaultNamespace')(TranslatableView);
​
// or: short for using defaultNS defined in i18next
export default withNamespaces()(TranslatableView);
​
// or: using a function to return namespaces based on props
export default withNamespaces((props) => props.namespaces)(TranslatableView);

import * as React from 'react';
import { withNamespaces, WithNamespaces } from 'react-i18next';
​
class MyComponent extends React.PureComponent<WithNamespaces> {
  public render() {
    const { t } = this.props;
    return (
      <React.Fragment>
        <span>{t('my-component-content')}</span>
      </React.Fragment>
    );
  }
}
export default withNamespaces()(MyComponent);

i18n.init({
  // ... other options
  react: {
    wait: false,
    withRef: false,
    bindI18n: 'languageChanged loaded',
    bindStore: 'added removed',
    nsMode: 'default'
  }
});

export default withNamespaces(
  'defaultNamespace',
  { wait: true } // <-- options
)(TranslatableView);