fix: specify children for react v18 types (#1230)

lingui · Apr 24, 2022 · ee69736 · ee69736
1 parent 0e270a3
commit ee69736
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/packages/macro/index.d.ts b/packages/macro/index.d.ts
@@ -172,6 +172,7 @@ export type TransProps = {
   comment?: string
   values?: Record<string, unknown>
   context?: string
+  children?: React.ReactNode
   component?: React.ComponentType<TransRenderProps>
   render?: (props: TransRenderProps) => ReactElement<any, any> | null
 }

diff --git a/packages/react/src/I18nProvider.tsx b/packages/react/src/I18nProvider.tsx
@@ -12,6 +12,7 @@ export type withI18nProps = {
 
 export type I18nProviderProps = I18nContext & {
   forceRenderOnLocaleChange?: boolean
+  children?: React.ReactNode
 }
 
 const LinguiContext = React.createContext<I18nContext>(null)

diff --git a/packages/react/src/Trans.tsx b/packages/react/src/Trans.tsx
@@ -6,7 +6,7 @@ import { formatElements } from "./format"
 export type TransRenderProps = {
   id?: string
   translation?: React.ReactNode
-  children?: string | any[] | React.ReactNode
+  children?: React.ReactNode
   message?: string | null
 }
 
@@ -17,6 +17,7 @@ export type TransProps = {
   context?: string
   components: { [key: string]: React.ElementType | any }
   formats?: Object
+  children?: React.ReactNode
   component?: React.ComponentType<TransRenderProps>
   render?: (props: TransRenderProps) => React.ReactElement<any, any> | null
 }