title: What is the best solution to print a React components?
body: <p>I am trying to print a ReactJS component when the user clicks the print button. I tried using React-to-print, but having style issue when printing from different browsers like firefox and edge.  </p>
  
  <p>Here is the code sandbox I created</p>
  
  <p><a href="https://codesandbox.io/s/jolly-carson-zvrzu?file=/src/App.js" rel="nofollow noreferrer">https://codesandbox.io/s/jolly-carson-zvrzu?file=/src/App.js</a></p>
  
  <p>In this code sandbox, I am using React-to-print and the printing component receives an array of objects which is basically converted into multiple number of pages. </p>
  
  <p>You will see the issue on firefox, after clicking print, the first page is having extra margin at the top and the second page is empty in the print preview.</p>
  
  <p>Can someone help me with the alternative to @react-to-print or any other solution? </p>