React - if element is empty or not present

Question

const wolfBoxes = data?.result?.field_prop_wolfboxes?.und?.[0]?.value ?? '';

{wolfBoxes && (
  <div className="detailItem"> 
      <span>
        <img
        src="/images/wolfbox.png" 
        css={css`
        width: 19px;
        height: 19px;
      `}
      alt="wolf box"
      />
    </span>
    <span>{`${wolfBoxes} boxes`}</span> 
  </div>
)}