Как не отображать пустую строку в реакции

Question

Привет, я пытаюсь запустить этот код:

{(audienceType ||
      interestCategories) ? (
        <div class="row">
          {audienceType ? (
            <div className="col-sm-12 col-md-12 col-lg-12">
              <Portlet className="kt-portlet--height-fluid kt-portlet--border-bottom-brand">
                <PortletBody fluid={true}>
                  <RealFake
                    title="Followers Real vs Fake"
                    desc="Check out each column for more details"
                    dataS={
                      audienceType
                    }
                  />
                </PortletBody>
              </Portlet>
            </div>
          ) : null}

Здесь, если нет ни типа аудитории, ни интереса, он ничего не отобразит. Но это дает пустую строку в пользовательском интерфейсе, который выглядит очень некрасиво. Может ли кто-нибудь помочь мне это исправить?