Удаление неиспользуемых деструктуризаций

[ctizen]

Дано:

export const IconLeft = ({ ref }: Props) => {
  const onClick = () => {
    ref?.current?.scroll({ left: ref.current.scrollLeft - 50, behavior: 'smooth' });
  };

  return (
    <div onClick={onClick} className="ico--left">
      <Icon24 fill="rgba(153,162,173, 1)" />
    </div>
  );
};

Ожидаемый результат: переменная ref отсутствует в выводе, т.к. используется только внутри клиентского обработчика. Фактический результат: в выводе есть присваивание переменной (как результат деструктуризации)