React 18 type issues -`Type 'TFunctionResult' is not assignable to type 'ReactNode'.

Type 'TFunctionResult' is not assignable to type 'ReactNode'. Type 'object' is not assignable to type 'ReactNode'.ts(2322) [index.d.ts(1360, 9): ]()The expected type comes from property 'children' which is declared here on type 'DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>'

Tried the following: This solution does not work.

import * as i18next from 'i18next';

// Workaround for https://github.com/isaachinman/next-i18next/issues/1781
declare module 'i18next' {
  interface TFunction {
    <
      TKeys extends i18next.TFunctionKeys = string,
      TInterpolationMap extends object = i18next.StringMap
    >(
      key: TKeys,
      options?: i18next.TOptions<TInterpolationMap> | string,
    ): string;
  }
}

changing ` {t(‘dashboard’)}``to {t<string>(‘dashboard’)} works, but not ideal I need to change it in almost all files.

Related: https://github.com/i18next/react-i18next/issues/1477#issuecomment-1093951936 https://github.com/DefinitelyTyped/DefinitelyTyped/issues/46691 https://github.com/DefinitelyTyped/DefinitelyTyped/pull/56210