JSFiddle - React, Tailwind, and code Playground

HTML

Default behavior:
<div class="flexContainer">
  <div class="item">aaa</div>
  <div class="item">b b b b b b b b b b b b </div>
</div>

With min-width:0:
<div class="flexContainer">
  <div class="item mw0">aaa</div>
  <div class="item mw0">b b b b b b b b b b b b </div>
</div>

CSS

.flexContainer {
  width: 100px;
  display: flex;
}
.item {
  border: 1px solid black;
}
.mw0 {
  min-width:0;
}