defaultSource not working with expo publish

Question

Im having a weird instance of defaultProfile not working. Below is a custom component that I created. It takes portrait prop, but if that portrait does not exits, it falls back to a default profile image stored in my assets folder. Right now, it displays my default profile picture when I am hotloading with Expo. But whenever I publish the build with expo publish , it does not load the image. Oddly, all the other assets in my project load normally with expo publish . Only those assets being rendered through defaultProfile are not working. I am running this on iOS. Also I already tried downloading the image through the assetBundlePatterns in app.json , but that does not solve the problem. Any ideas?

import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native'
import React, { useState } from 'react'
import { useTheme } from '@react-navigation/native'

const ResidentSelectorCell = (props) => {

    const { onPress, portrait, name, selected } = props

    const { colors, fonts } = useTheme()

    return (
        <TouchableOpacity style={styles.container}
        onPress={onPress}
        >
            <Image style={styles.image}
                source={portrait}
                defaultSource={require('../../../assets/images/defaultProfile.jpeg')}
            />
            <Text style={[styles.text, { color: colors.text, fontFamily: fonts.latoBold }]}
                numberOfLines={1}
                adjustsFontSizeToFit={true}
            >{name ? name : 'No Name'}</Text>
            <View style={[styles.icon, selected
                ? {borderWidth: 5, borderColor: colors.authAccent}
                : {borderWidth: 1, borderColor: colors.borderLight}]}

            />
        </TouchableOpacity>
    )
}

export default ResidentSelectorCell

const styles = StyleSheet.create({
    container: {
        flexDirection: 'row',
        alignItems: 'center',
        marginBottom: 30,
    },
    image: {
        height: 56,
        width: 56,
        borderRadius: 100,
        marginRight: 16
    },
    text: {
        marginRight: 'auto',
        fontSize: 18
    },
    icon: {
        height: 22,
        width: 22,
        borderRadius: 50
    },
})