Make children optional within TransProps (#728)

* Make children optional within TransProps * Add usage for Trans component with self-closing tag
i18next · Feb 11, 2019 · e110d37 · e110d37
1 parent 07c9ea9
commit e110d37
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/index.d.ts b/src/index.d.ts
@@ -24,7 +24,7 @@ export function getInitialProps(): {
 };
 
 export interface TransProps extends Partial<i18next.WithT> {
-  children: React.ReactNode;
+  children?: React.ReactNode;
   components?: React.ReactNode[];
   count?: number;
   defaults?: string;

diff --git a/test/typescript/examples.test.tsx b/test/typescript/examples.test.tsx
@@ -19,6 +19,13 @@ function MyComponent() {
   );
 }
 
+// Component using the Trans component without children (Self-closing)
+function MyComponentWithoutChildren() {
+  return (
+    <Trans i18nKey="description.part1" />
+  );
+}
+
 // page uses the hook
 function Page() {
   const { t, i18n } = useTranslation();