JSFiddle - React, Tailwind, and code Playground

HTML

<aside>
  side
</aside>

<div>
  <p> pageAsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaasdddddddhjjjjjj </p>
  <p> page 2 </p>
</div>

CSS

body{
  display: flex;
}

aside{
  flex: none;
  width: 100px;
}

div{
  flex: auto;
}

p{
  break-after: always;
  page-break-after: always;
   word-wrap: break-word;
   word-break: break-all;
}