Ao usar `&&`, temos que ter cuidado quando o lado esquerdo é um número, porque se for um `0`, ele será renderizado. Um exemplo grosseiro:

```jsx
const count = 0

//...

<div>
    {count && <p>The count is {count}</p>}
</div>
```

Teríamos o `0` renderizado:

```jsx
<div>0</div>
```

É bom garantir que o lado esquerdo é sempre um booleano:

```jsx
const count = 0

//...

<div>
    {count > 0 && <p>The count is {count}</p>}
</div>
```

Teríamos uma `div` vazia:

```jsx
<div></div>
```

Ao usar &&, temos que ter cuidado quando o lado esquerdo é um número, porque se for um 0, ele será renderizado. Um exemplo grosseiro: const count = 0 //... {count && The count is {count}}...