How to use the react-instantsearch-dom.connectRange function in react-instantsearch-dom

min={min}
          max={max}
          values={[currentRefinement.min, currentRefinement.max]}
          onChange={this.onChange}
          onValuesUpdated={this.onValuesUpdated}
        />
        <div>
          <div>{currentValues.min}</div>
          <div>{currentValues.max}</div>
        </div>
      
    ) : null;
  }
}

const ConnectedRange = connectRange(Range);

export default withURLSync(App);

style={{ left: '0%', position: 'absolute', marginLeft: '0px' }}
        >
          <div>{currentValues.min}</div>
        
        <div style="{{">
          <div>{currentValues.max}</div>
        </div>
      
    ) : null;
  }
}

const ConnectedRange = connectRange(Range);

export default ConnectedRange;

width: `${100 / count}%`,
                  left: `${percent}%`,
                }}
              >
                <span style="{{">$</span>
                {formatNumber(value)}
              
            ))}
          
        )}
      
    
  );
};

export default connectRange(PriceSlider);

/>
                    
                  );
                })}

                <span>{rating.count}</span>
              
            
          );
        })}
      
    
  );
};

export default connectRange(Ratings);