I am a student who is studying app development through react and javascirpt. I am using expo and I want to add a profile image to the existing collection. But my code is adding as a document. Where should I fix it? Help me..plz

firebasfunctions.js

export async function addProfilepicture(content) {
  
  try {
    const db = firebase.firestore();
    let userRef = await db.collection('users').doc(content.uid);

    let data = await userRef.get().then((doc) => {
      return doc.data();
    });
    console.log(data.displayName);
    content.author = data.displayName;
    await db
      .collection('photoURL')
      .doc(content.date + 'D')
      .set(content);
    return true;
  } catch (err) {
    Alert.alert('Error writing document! ', err.message);
    return false;
  }
}

profileupload.jsx

  const profileupload = async () => {
    console.log('Preparing to upload profile photos.');
    setProgress(true);
    const currentUser = firebase.auth().currentUser;
    let date = new Date();
    let getTime = date.getTime();
    let data = {
      email: currentUser.email,
      displayname: currentUser.displayName,
      storename: currentUser.storeName,
      photoURL: image,
      date: getTime,
      uid: currentUser.uid,
    };
    const response = await fetch(imageUri);
    const blob = await response.blob();
    const imageUrl = await profileImageUpload(blob, getTime);
    // const db = firebase.firestore();
    // const userRef = db.collection('user');
    // const res = await userRef.update(photoURL);
    // console.log(res);
    data.image = imageUrl;
    let result = await addProfilepicture(data);
    if (result) {
      Alert.alert('Document successfully written!');
      setProfileImage(tempImage);
      setProfileImageUri('');
      setProgress(false);
    } else {
      Alert.alert('Error writing document!', err.message);
      setProgress(false);
    }
  };