A problem with type checking in if statement. #31059

{({ loading, data, error }) => {
    const canShow =
      !loading &&
      !error &&
      data &&
      data.recommendedPrice &&
      data.recommendedPrice.price;
    if (canShow) {
      return (
        <RecommendedPrice
          price={data.recommendedPrice.price}
          isActive={isActive}
        />
      );
    }

    return null;
}}

{({ loading, data, error }) => {
    if (
      !loading &&
      !error &&
      data &&
      data.recommendedPrice &&
      data.recommendedPrice.price
    ) {
      return (
        <RecommendedPrice
          price={data.recommendedPrice.price}
          isActive={isActive}
        />
      );
    }

    return null;
}}