fix: typing issues in sample app (#1942)

Author: santhoshvai

examples/SampleApp/App.tsx

@@ -185,6 +185,7 @@ const DrawerNavigatorWrapper: React.FC<{
         <Chat<StreamChatGenerics>
           client={chatClient}
           enableOfflineSupport
+          // @ts-expect-error
           ImageComponent={FastImage}
         >
           <AppOverlayProvider>

examples/SampleApp/src/context/AppOverlayProvider.tsx

@@ -18,9 +18,11 @@ import { BottomSheetOverlayProvider } from './BottomSheetOverlayContext';
 import { ChannelInfoOverlayProvider } from './ChannelInfoOverlayContext';
 import { UserInfoOverlayProvider } from './UserInfoOverlayContext';
 
-export const AppOverlayProvider: React.FC<{
-  value?: Partial<AppOverlayContextValue>;
-}> = (props) => {
+export const AppOverlayProvider = (
+  props: React.PropsWithChildren<{
+    value?: Partial<AppOverlayContextValue>;
+  }>,
+) => {
   const { children, value } = props;
 
   const [overlay, setOverlay] = useState(value?.overlay || 'none');

examples/SampleApp/src/context/UserSearchContext.tsx

@@ -6,9 +6,10 @@ export type UserSearchContextValue = PaginatedUsers;
 
 export const UserSearchContext = React.createContext({} as UserSearchContextValue);
 
-export const UserSearchProvider: React.FC<{
-  value?: UserSearchContextValue;
-}> = ({ children, value }) => {
+export const UserSearchProvider = (
+  props: React.PropsWithChildren<{ value?: UserSearchContextValue }>,
+) => {
+  const { children, value } = props;
   const paginatedUsers = usePaginatedUsers();
 
   const userSearchContext = { ...paginatedUsers, ...value };