Как условно ПОЛНОСТЬЮ ОПУСТИТЬ атрибут в React

Question

У меня есть следующий элемент в моем HTML в React:

      <p className={`
    cbds-c-progressStepper__stepText${step.state === 'complete' ? 
    "--complete" : ""}${step.state === 'current' ? 
    "--current" : ""}${step.state === 'incomplete' ? 
    "--incomplete" : ""}`
      }
      aria-current={`${step.state === 'current' ? 'step' : ''}`}
>

Я хочу включить атрибут «aria-current» только на текущий шаг. В противном случае я вообще не хочу, чтобы он существовал в элементе.

Вот что я пробовал:

      1) aria-current={`${step.state === 'current' ? 'step' : ''}`}
2) aria-current={`${step.state === 'current' ? 'step' : **null**}`}
3) I have also tried creating a prop, setting it to false and then applying it to the attribute, which, according to what I have read, should completely omit the attribute from the element -- but that didn't happen. 

Номер 1 задает пустой атрибут aria-current без значения. Вот так: aria-current , но это противоречит требованиям ADA. Его там вообще не должно быть.

Номер 2 просто установил для него значение false. Его там вообще не должно быть.

Может кто-нибудь сказать мне, как это сделать в React?

Спасибо!