Using tolgee with next-i18next

Question

I have created Next.js app which uses next-18next library for managing translations in app. Now I wanted to connect it to tolgee platform so that I can leverage its in-context editing feature. I read the docuentation and it only shows how to integrate react-i18next and i18next libraries. So I have been trying to set it similarly in my app and I placed the following code in index.tsx file in my pages folder.

import { withTolgee } from '@tolgee/i18next';
import i18n from 'i18next';
import { UI } from '@tolgee/ui';

withTolgee(i18n, {
    apiUrl: process.env.REACT_APP_TOLGEE_API_URL,
    apiKey: process.env.REACT_APP_TOLGEE_API_KEY,
    ui: UI
}).init({
    supportedLngs: ['en', 'de'],
    fallbackLng: 'en'
});

This is based on the documentation available here: https://tolgee.io/blog/super-fast-react-localization-i18n-with-i18next-and-tolgee

However so far it does not seem to be working at all. How can I integrate tolgee with next-i18next translation library on Next.js app?