message: Use on PerkPicker
diff: @@ -241,21 +241,13 @@ function PerkPicker({
  onClose,
  lbDispatch,
  }: Props) {
  - const [height, setHeight] = useState<number | undefined>(undefined);
  const [query, setQuery] = useState(initialQuery || '');
  const [selectedPerks, setSelectedPerks] = useState(copy(lockedMap));
  const [selectedSeasonalMods, setSelectedSeasonalMods] = useState(copy(lockedSeasonalMods));
  - const itemContainer = useRef<HTMLDivElement>(null);
  const filterInput = useRef<SearchFilterRef>(null);
  const order = Object.values(LockableBuckets);
  - useLayoutEffect(() => {
  - if (itemContainer.current) {
  - setHeight(itemContainer.current.clientHeight);
  - }
  - }, [itemContainer]);
  -
  useEffect(() => {
  if (!isPhonePortrait && filterInput.current) {
  filterInput.current.focusFilterInput();
  @@ -451,8 +443,13 @@ function PerkPicker({
  : undefined;
  return (
  - <Sheet onClose={onClose} header={header} footer={footer} sheetClassName="item-picker">
  - <div ref={itemContainer} style={{ height }}>
  + <Sheet
  + onClose={onClose}
  + header={header}
  + footer={footer}
  + sheetClassName="item-picker"
  + freezeInitialHeight={true}
  + >
  {order.map(
  (bucketId) =>
  ((queryFilteredPerks[bucketId] && queryFilteredPerks[bucketId].length > 0) ||
  @@ -478,7 +475,6 @@ function PerkPicker({
  onSeasonalModSelected={onSeasonalModSelected}
  />
  )}
  - </div>
  </Sheet>
  );
  }
  