message: Clamp power slider to available power levels
  Fixes
diff: import { t } from 'app/i18next-t';
  -import React, { useMemo, useCallback, useState } from 'react';
  +import React, { useMemo, useCallback, useState, useEffect } from 'react';
  import { D2Store } from '../../inventory/store-types';
  import { ArmorSet, MinMax, StatTypes } from '../types';
  import TierSelect from './TierSelect';
  @@ -75,7 +75,7 @@ export default function FilterBuilds({
  <RangeSelector
  min={minPowerStop}
  max={maxPowerStop}
  - initialValue={Math.max(minimumPower, minPowerStop)}
  + initialValue={minimumPower}
  onChange={onMinimumPowerChanged}
  />
  </div>
  @@ -97,6 +97,7 @@ function RangeSelector({
  }) {
  const [value, setValue] = useState(initialValue);
  const debouncedOnChange = useCallback(_.debounce(onChange, 500), [onChange]);
  + const clampedValue = Math.max(min, Math.min(value, max));
  const onChangeLive: React.ChangeEventHandler<HTMLInputElement> = useCallback(
  (e) => {
  const val = parseInt(e.currentTarget.value, 10);
  @@ -105,6 +106,12 @@ function RangeSelector({
  },
  [debouncedOnChange]
  );
  + useEffect(() => {
  + if (clampedValue !== value) {
  + setValue(clampedValue);
  + onChange(clampedValue);
  + }
  + }, [clampedValue, value, onChange, max, min]);
  return (
  <div>
  @@ -113,7 +120,7 @@ function RangeSelector({
  type="range"
  min={min}
  max={max}
  - value={value}
  + value={clampedValue}
  onChange={onChangeLive}
  />
  <input
  @@ -121,7 +128,7 @@ function RangeSelector({
  type="number"
  min={min}
  max={max}
  - value={value}
  + value={clampedValue}
  onChange={onChangeLive}
  />
  </div>
  