From 4b859e5da5346743d5d5d09a3cd8d6459b70fc29 Mon Sep 17 00:00:00 2001
From: Arpit Bhalla <55053424+arpitBhalla@users.noreply.github.com>
Date: Tue, 25 Oct 2022 17:02:44 +0530
Subject: [PATCH] fix: property 'children' does not exist in React 18 (#3663)

---
 packages/themed/src/config/withTheme.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/themed/src/config/withTheme.tsx b/packages/themed/src/config/withTheme.tsx
index 3952ace19d..61020cd640 100644
--- a/packages/themed/src/config/withTheme.tsx
+++ b/packages/themed/src/config/withTheme.tsx
@@ -85,7 +85,11 @@ interface ThemeProps<T = {}> {
 function withTheme<P = {}, T = {}>(
   WrappedComponent: React.ComponentType<P & ThemeProps<T>>,
   themeKey?: string
-): React.FunctionComponent<P> | React.ForwardRefExoticComponent<P> {
+):
+  | React.FunctionComponent<React.PropsWithChildren<P>>
+  | React.ForwardRefExoticComponent<
+      React.RefAttributes<React.PropsWithChildren<P>>
+    > {
   const name = themeKey
     ? `Themed.${themeKey}`
     : `Themed.${