React showing 0 instead of nothing with short-circuit (&&) conditional component

Question

I have the following simple short-circuit statement that should show either a component or nothing:

{profileTypesLoading && }

Answer 1

Since your condition is falsy and so doesn't return the second argument (), it will return profileTypesLoading, which is a number, so react will render it because React skips rendering for anything that is typeof boolean or undefined and will render anything that is typeof string or number:

To make it safe, you can either use a ternary expression {condition ? : null} or boolean cast your condition like {!!condition && }