Как заставить разрыв страницы, используя библиотеку реагировать на печать?

Question

Я хочу напечатать мою html страницу, которая разработана в React Js. Я хочу показать каждый компонент на новой странице. Я пытаюсь вызвать разрыв страницы, используя этот код

 <table>
          <tbody>
              {props.scores.map(competencyScores => (
                  <tr style={{breakBefore: 'page', breakInside: 'avoid', breakAfter: 'page', position:'relative'}}>
                  <td style={{breakBefore: 'page', breakInside: 'avoid', breakAfter: 'page',  position:'relative'}}>
            <CompetencyOverview
              competencyWithScore={competencyScores}
              key={competencyScores.id}
              innerRef={el => (competenciesRef.current[competencyScores.id] = el)}
              hideCircle={true}
              projectId={props.projectId}
            />
                    </td>
            </tr>
          ))}
          </tbody>
        </table>

Я использую библиотеку реагировать на печать для печати html. Я не могу вызвать разрыв страницы. Может кто-нибудь предложить мне решение или любую новую библиотеку, где я могу достичь разрыва страницы.