refactor: update ExpoMessaging to use WithComponents

- Channel screen: MessageLocation and InputButtons moved to WithComponents
- Fix InputButtons type to use ComponentOverrides instead of Channel props

Author: oliverlaz

examples/ExpoMessaging/app/channel/[cid]/index.tsx

@@ -6,6 +6,7 @@ import {
   useChatContext,
   ThreadContextValue,
   MessageList,
+  WithComponents,
 } from 'stream-chat-expo';
 import { Stack, useLocalSearchParams, useRouter } from 'expo-router';
 import { AuthProgressLoader } from '../../../components/AuthProgressLoader';
@@ -70,22 +71,23 @@ export default function ChannelScreen() {
       <Stack.Screen
         options={{ title: 'Channel Screen', contentStyle: { backgroundColor: 'white' } }}
       />
-      <Channel
-        audioRecordingEnabled={true}
-        channel={channel}
-        onPressMessage={onPressMessage}
-        keyboardVerticalOffset={headerHeight}
-        MessageLocation={MessageLocation}
-        thread={thread}
-      >
-        <MessageList
-          onThreadSelect={(thread: ThreadContextValue['thread']) => {
-            setThread(thread);
-            router.push(`/channel/${channel.cid}/thread/${thread?.cid ?? ''}`);
-          }}
-        />
-        <MessageComposer InputButtons={InputButtons} />
-      </Channel>
+      <WithComponents value={{ MessageLocation, InputButtons }}>
+        <Channel
+          audioRecordingEnabled={true}
+          channel={channel}
+          onPressMessage={onPressMessage}
+          keyboardVerticalOffset={headerHeight}
+          thread={thread}
+        >
+          <MessageList
+            onThreadSelect={(thread: ThreadContextValue['thread']) => {
+              setThread(thread);
+              router.push(`/channel/${channel.cid}/thread/${thread?.cid ?? ''}`);
+            }}
+          />
+          <MessageComposer />
+        </Channel>
+      </WithComponents>
     </View>
   );
 }

examples/ExpoMessaging/components/InputButtons.tsx

@@ -1,10 +1,11 @@
 import React, { useState } from 'react';
 import { Pressable, StyleSheet } from 'react-native';
-import { Channel, InputButtons as DefaultInputButtons } from 'stream-chat-expo';
+import type { ComponentOverrides } from 'stream-chat-expo';
+import { InputButtons as DefaultInputButtons } from 'stream-chat-expo';
 import { ShareLocationIcon } from '../icons/ShareLocationIcon';
 import { LiveLocationCreateModal } from './LocationSharing/CreateLocationModal';
 
-const InputButtons: NonNullable<React.ComponentProps<typeof Channel>['InputButtons']> = (props) => {
+const InputButtons: NonNullable<ComponentOverrides['InputButtons']> = (props) => {
   const [modalVisible, setModalVisible] = useState(false);
 
   const onRequestClose = () => {