react-i18next: allow React.ReactNode as I18nextProvider's children and I18n's render function return value (#27895)

types/react-i18next/index.d.ts

@@ -3,6 +3,7 @@
 // Definitions by: Giedrius Grabauskas <https://github.com/GiedriusGrabauskas>
 //                 Simon Baumann <https://github.com/chnoch>
 //                 Benedict Etzel <https://github.com/beheh>
+//                 Wu Haotian <https://github.com/whtsky>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 

types/react-i18next/src/I18n.d.ts

@@ -15,7 +15,7 @@ export interface i18nProps {
     i18n?: i18n;
     initialI18nStore?: any;
     initialLanguage?: string;
-    children: (t: TranslationFunction, options: Options) => JSX.Element;
+    children: (t: TranslationFunction, options: Options) => React.ReactNode;
 }
 
 export default class I18n extends React.Component<i18nProps> { }

types/react-i18next/src/I18nextProvider.d.ts

@@ -6,7 +6,7 @@ export interface I18nextProviderProps {
     i18n: i18n;
     initialI18nStore?: any;
     initialLanguage?: string;
-    children: JSX.Element;
+    children: React.ReactNode;
 }
 
 export default class I18nextProvider extends React.Component<I18nextProviderProps> { }

types/react-i18next/test/react-i18next-tests.tsx

@@ -107,6 +107,10 @@ class App extends React.Component {
     <App/>
 </I18nextProvider>;
 
+<I18nextProvider i18n={i18n} initialLanguage={'en'} initialI18nStore={{}}>
+    123
+</I18nextProvider>;
+
 loadNamespaces({components: [App], i18n}).then(() => {
 }).catch(error => {
 });
@@ -182,6 +186,10 @@ interface CustomTranslateFunctionProps {
     }
 </I18n>;
 
+<I18n>
+    {t => '123'}
+</I18n>;
+
 const defaults: ReactI18NextOptions = {
     wait: true,
     withRef: true,