How to use the react-jhipster.byteSize function in react-jhipster

<dd>{productEntity.size}</dd>
            <dt>
              <span id="image">
                Image
              </span>
            </dt>
            <dd>
              {productEntity.image ? (
                <div>
                  <a>
                    <img style="{{" src="{`data:${productEntity.imageContentType};base64,${productEntity.image}`}">
                  </a>
                  <span>
                    {productEntity.imageContentType}, {byteSize(productEntity.image)}
                  </span>
                </div>
              ) : null}
            </dd>
            <dt>
              Product Category
            </dt>
            <dd>{productEntity.productCategory ? productEntity.productCategory.name : ''}</dd>
          
          <button color="info">
            {' '}
            <span>
              Back
            </span>
          </button>&nbsp;
          <button color="primary"></button>

<label for="image" id="imageLabel">
                      Image
                    </label>
                    <br>
                    {image ? (
                      <div>
                        <a>
                          <img style="{{" src="{`data:${imageContentType};base64,${image}`}">
                        </a>
                        <br>
                        
                          
                            <span>
                              {imageContentType}, {byteSize(image)}
                            </span>
                          
                          
                            <button color="danger">
                              
                            </button>
                          
                        
                      </div>
                    ) : null}
                    <input accept="image/*" type="file" id="file_image">
                    
                  
                
                
                  <label for="productCategory.name"></label>

{product.name}
                  {product.description}
                  {product.price}
                  
                    
                  
                  
                    {product.image ? (
                      <div>
                        <a>
                          <img style="{{" src="{`data:${product.imageContentType};base64,${product.image}`}">
                          &nbsp;
                        </a>
                        <span>
                          {product.imageContentType}, {byteSize(product.image)}
                        </span>
                      </div>
                    ) : null}
                  
                  
                    {product.productCategory ? (
                      {product.productCategory.name}
                    ) : (
                      ''
                    )}
                  
                  
                    <div>
                      <button size="sm" color="info">
                        {' '}
                        <span></span></button></div>