Prettier ignore for one line of code not working?? JSX -- {/* prettier-ignore */}

I am trying to use {/* prettier-ignore */} in front of my code block to have prettier to ignore to delete an angled bracket:

What I am trying to do is

ListHeaderComponent={

> (

Prettier keeps deleting the angled bracket and if I put {/* prettier-ignore */} in front of it then there is an error:

"message": "'...' expected.",

I am using typescript

<FlatList
        data={firstSeason.episodes.items}
        renderItem={({ item }) => <EpisodeItem episode={item} />}
        style={{ marginBottom: 250 }}
    
    ListHeaderComponent={
                <View style={{ padding: 12 }}>
        <EpisodeItem episode={firstEpisode} />
        <Text style={styles.title}>{movie.title}</Text>
        <View style={{ flexDirection: "row" }}>