Executando verificação de segurança...
5

No final o problema é tentar avaliar uma condiçao não booleana e não o fato mesmo de usar o &&

Esse tipo de erros podem ser evitados apenas usando o Boolean ou o dobro sinal de exclamação para garantir uma expressão booleana.

Exemplo:

Boolean(condition) && <Component/>
// ou
!!(condition) && <Component/>
Carregando publicação patrocinada...
2

Concordo, utilizar um ternário completo condition ? ... : null pode deixar o código mais difícil de ler, primeiro porquê ficaria mais verboso e segundo porquê utilizar o && é algo muito comun na comunidade react e é muito natural para lermos.

Gosto muito da ideia do:

!!condition && (
  <Component />
) 

Acho simples, clara e elegante!

1

Gostei muito dessa forma, vou começar a utilizar nos meus projetos.

Eu tenho utilizado o ternário para imprimir algo de acordo com a condição(por exempro, se o usuário está logado ou não), creio q essa forma no fim acaba fazendo sentido.

Mas se houver uma forma mais performática, aceito sugestões.