fix: change withaudioplayback to appropriate provider

Author: khushal87

package/src/components/Channel/Channel.tsx

@@ -54,7 +54,7 @@ import {
 } from '../../contexts';
 import {
   AudioPlayerContextProps,
-  WithAudioPlayback,
+  AudioPlayerProvider,
 } from '../../contexts/audioPlayerContext/AudioPlayerContext';
 import { ChannelContextValue, ChannelProvider } from '../../contexts/channelContext/ChannelContext';
 import type { UseChannelStateValue } from '../../contexts/channelsStateContext/useChannelState';
@@ -1667,13 +1667,6 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     }
   });
 
-  const audioPlayerProviderProps = useMemo<AudioPlayerContextProps>(
-    () => ({
-      allowConcurrentAudioPlayback,
-    }),
-    [allowConcurrentAudioPlayback],
-  );
-
   const attachmentPickerProps = useMemo(
     () => ({
       AttachmentPickerBottomSheetHandle,
@@ -1974,6 +1967,11 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     typing: channelState.typing ?? {},
   });
 
+  const audioPlayerContext = useMemo<AudioPlayerContextProps>(
+    () => ({ allowConcurrentAudioPlayback }),
+    [allowConcurrentAudioPlayback],
+  );
+
   const messageComposerContext = useMemo(
     () => ({ channel, thread, threadInstance }),
     [channel, thread, threadInstance],
@@ -2012,12 +2010,12 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
                   <AttachmentPickerProvider value={attachmentPickerContext}>
                     <MessageComposerProvider value={messageComposerContext}>
                       <MessageInputProvider value={inputMessageInputContext}>
-                        <WithAudioPlayback props={audioPlayerProviderProps}>
+                        <AudioPlayerProvider value={audioPlayerContext}>
                           <View style={{ height: '100%' }}>{children}</View>
                           {!disableAttachmentPicker && (
                             <AttachmentPicker ref={bottomSheetRef} {...attachmentPickerProps} />
                           )}
-                        </WithAudioPlayback>
+                        </AudioPlayerProvider>
                       </MessageInputProvider>
                     </MessageComposerProvider>
                   </AttachmentPickerProvider>

package/src/contexts/audioPlayerContext/AudioPlayerContext.tsx

@@ -16,10 +16,11 @@ export const AudioPlayerContext = createContext<AudioPlayerContextValue>(
   DEFAULT_BASE_CONTEXT_VALUE as AudioPlayerContextValue,
 );
 
-export const WithAudioPlayback = ({
-  props: { allowConcurrentAudioPlayback },
+export const AudioPlayerProvider = ({
+  value,
   children,
-}: PropsWithChildren<{ props: AudioPlayerContextProps }>) => {
+}: PropsWithChildren<{ value: AudioPlayerContextProps }>) => {
+  const { allowConcurrentAudioPlayback } = value;
   const audioPlayerPool = useMemo(
     () => new AudioPlayerPool({ allowConcurrentAudioPlayback }),
     [allowConcurrentAudioPlayback],