fix: typing issues in sample app (#1942)

GetStream · Jan 31, 2023 · e2d34be · e2d34be
1 parent c5bee16
commit e2d34be
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/examples/SampleApp/App.tsx b/examples/SampleApp/App.tsx
@@ -185,6 +185,7 @@ const DrawerNavigatorWrapper: React.FC<{
         <Chat<StreamChatGenerics>
           client={chatClient}
           enableOfflineSupport
+          // @ts-expect-error
           ImageComponent={FastImage}
         >
           <AppOverlayProvider>

diff --git a/examples/SampleApp/src/context/AppOverlayProvider.tsx b/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');

diff --git a/examples/SampleApp/src/context/UserSearchContext.tsx b/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 };