Typescript ESLint, is it possible null check in global function and it pass ESLint

  const isNotNullNumber = (e: number | undefined) => {    if (e !== null && e !== undefined && e !== 0) {      return true;    }    return false;  };  //pass eslint  if (promotionBadgeData?.discountPercent) {    icon1 = <Text>{`${promotionBadgeData?.discountPercent}%\nOff`}</Text>;  }  //pass eslint  if (    promotionBadgeData?.discountPercent !== null &&    promotionBadgeData?.discountPercent !== undefined &&    promotionBadgeData?.discountPercent !== 0  ) {    icon1 = <Text>{`${promotionBadgeData?.discountPercent}%\nOff`}</Text>;  }  //fail eslint  if (isNotNullNumber(promotionBadgeData?.discountPercent)) {    icon1 = <Text>{`${promotionBadgeData?.discountPercent}%\nOff`}</Text>;  }

in this case, use the global function to null check and it will show

ESLint: Invalid type "number | undefined" of template literal expression.(@typescript-eslint/restrict-template-expressions)

so, is it possible use the global function to null check and pass the ESLint?

screen cap