Test container with multiple components translated

I am trying to test a container that has multiple components inside. When I mount the container all the nested containers will be mounted but I have an error:

TypeError: Cannot read property 'getFixedT' of undefined

Some of my components are exporting with the translation decorator:

export const TextAreaCounterComponent = TextAreaCounter;

export default translate(['defaultNamespace'])(TextAreaCounterComponent);

How can I test this containers?

  const mockT = () => 'Hello';
  const middlewares = [];
  const mockStore = configureStore(middlewares);

  const initialState = {
    login: {
      loggedIn: true,
    },
    app: {
      isLoading: false,
      popupIsOpen: false,
      tabSelected: 0
    }
  };
  const store = mockStore(initialState);

  const wrapper = mount(
    <Provider store={store}>
      <Partner t={mockT} />
    </Provider>
  );

  it.only('should mount partner page container', () => {
    expect(wrapper.find('.wrap').length).toBe(1);
  });

[gilmillasseau]

  const mockI18n = {
    t(k) {
      return k;
    },
    on() {
    },
    getFixedT(k) {
      return (k) => k;
    },
    loadNamespaces(arg) {
      return (arg) => arg;
    }
  };

  const wrapper = mount(
    <I18nextProvider i18n={mockI18n}>
      <Provider store={store}>
        <Partner />
      </Provider>
    </I18nextProvider>
  );

This works

[jamuhl]

how do you import i18next? seems to be an issue related to import (using typescript?)