fix: crash for live location sharing

Author: isekovanic

examples/SampleApp/src/components/AttachmentPickerContent.tsx

@@ -1,11 +1,10 @@
-import React, { useCallback, useState } from 'react';
+import React, { useState } from 'react';
 import {
   useAttachmentPickerState,
   AttachmentPickerContentProps,
   AttachmentPickerContent,
   AttachmentPickerGenericContent,
   useStableCallback,
-  useTheme,
   useTranslationContext,
 } from 'stream-chat-react-native';
 import { ShareLocationIcon } from '../icons/ShareLocationIcon.tsx';
@@ -15,14 +14,6 @@ export const CustomAttachmentPickerContent = (props: AttachmentPickerContentProp
   const [modalVisible, setModalVisible] = useState(false);
   const { selectedPicker } = useAttachmentPickerState();
   const { t } = useTranslationContext();
-  const {
-    theme: { semantics },
-  } = useTheme();
-
-  const Icon = useCallback(
-    () => <ShareLocationIcon stroke={semantics.textTertiary} />,
-    [semantics.textTertiary],
-  );
 
   const onRequestClose = () => {
     setModalVisible(false);
@@ -36,7 +27,7 @@ export const CustomAttachmentPickerContent = (props: AttachmentPickerContentProp
     return (
       <>
         <AttachmentPickerGenericContent
-          Icon={Icon}
+          Icon={ShareLocationIcon}
           onPress={onOpenModal}
           height={props.height}
           buttonText={t('Share Location')}

examples/SampleApp/src/components/AttachmentPickerSelectionBar.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from 'react';
+import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import {
   AttachmentTypePickerButton,
@@ -13,22 +13,15 @@ import {
   useTheme,
 } from 'stream-chat-react-native';
 import { ShareLocationIcon } from '../icons/ShareLocationIcon';
-import { LiveLocationCreateModal } from './LocationSharing/CreateLocationModal';
 
 export const CustomAttachmentPickerSelectionBar = () => {
-  const [modalVisible, setModalVisible] = useState(false);
   const { attachmentPickerStore } = useAttachmentPickerContext();
   const { selectedPicker } = useAttachmentPickerState();
 
   const styles = useStyles();
 
-  const onRequestClose = () => {
-    setModalVisible(false);
-  };
-
   const onOpenModal = useStableCallback(() => {
     attachmentPickerStore.setSelectedPicker('location');
-    setModalVisible(true);
   });
 
   return (
@@ -43,9 +36,6 @@ export const CustomAttachmentPickerSelectionBar = () => {
         onPress={onOpenModal}
         selected={selectedPicker === 'location'}
       />
-      {modalVisible ? (
-        <LiveLocationCreateModal visible={modalVisible} onRequestClose={onRequestClose} />
-      ) : null}
     </View>
   );
 };

package/src/components/AttachmentPicker/components/AttachmentPickerContent.tsx

@@ -223,6 +223,7 @@ export const AttachmentFilePicker = (props: AttachmentPickerContentProps) => {
 };
 
 export type { AttachmentPickerContentProps } from './AttachmentPickerGenericContent';
+export { AttachmentPickerGenericContent } from './AttachmentPickerGenericContent';
 
 export const AttachmentPickerContent = (props: AttachmentPickerContentProps) => {
   const { height } = props;