JSFiddle - React, Tailwind, and code Playground

HTML

<div id="txt">TEST</div>
<div id="pdf"><object data="http://www.cnrd.ro/pcu/insemex.pdf" type="application/pdf">
</object></div>

CSS

#txt{
    display:none;
}
@media print
  {
  #pdf{ display:none}
  #txt{display:inline}
  }