I have jsx-newline enabled, but how can I allow these cases where I want everything to stay on the same line? Without adding {/* eslint-disable[-line] react/jsx-newline */} around it?

<p> {t('text')} <span>{email}</span> </p>

or

<div> {activeStep}/{steps} </div>

It would be nice if there would be a setting that allowed for cases where everything is on the same line.
So:

// BAD <p> {t('text')} <span>{email}</span> </p> // BOTH GOOD <p> {t('text')} <span>{email}</span> </p> <p> {t('text')} <span>{email}</span> </p>