Скрытие элемента без использования display:none или видимости:hidden

Я пытаюсь отобразить PDF-файл с помощью react-pdf. Чтобы было ясно, я имею в виду эту библиотеку react-pdf, а не другую. Я хочу включить в PDF определенный текст, который будет использоваться для индексации в будущем, но я хочу, чтобы этот текст был невидимым (или почти невидимым). Позже я обнаружу этот текст с помощью скрипта Python, который считывает текст из PDF.

Мой вопрос заключается в том, как добиться этого, стилизовав скрытый заголовок.

<Text style = {styles.hiddenheader}>###HIDDEN HEADER###</Text>

const styles = StyleSheet.create({
  hiddenheader: {
    visibility: 'hidden',
    color: 'red',
  }
});

... Не работает. Текст по-прежнему окрашен в красный цвет, поэтому я знаю, что стиль применяется, но текст не скрыт, это ясно как божий день.

const styles = StyleSheet.create({
  hiddenheader: {
    display: 'none',
    color: 'red',
  }
});

... И не работает. Текст по-прежнему окрашен в красный цвет, так что я знаю, что стиль применяется, но все экземпляры, кроме одного, удаляются, а тот причудливо появляется в самом верху первой страницы, ясно как божий день.

Мне не нужно решение, которое полностью удаляет элемент с отображаемой страницы (и это может предотвратить появление элемента). Мне просто нужен такой, который делает текст невидимым невооруженным глазом.