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

<button size="sm" color="link">
                      {product.id}
                    </button>
                  
                  {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}
                    ) : (
                      ''
                    )}

<option value="XXL">
                      
                    </option>
                  
                
                
                  
                    <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>

<dd>{productEntity.price}</dd>
            <dt>
              <span id="size">
                Size
              </span>
            </dt>
            <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></span></button>