javascript – Dúvida sobre filter – ReactJS

Estou tentando fazer com que o primeiro mostre os resultados depois de filtrar no campo Propriedade. Tentei fazer usando filter mas sem sucesso.

function Conversor() {
  const (C1, setC1) = useState('');
  const (C2, setC2) = useState('');
const Medida = (
    {id: 1, Unidade: 'ml',  valor: 1, propriedade: 'Sala'},
    {id: 2, Unidade: 'L', valor: 0.30, propriedade: 'Sala'},
    {id: 3, Unidade: 'L', valor: 9.8, propriedade: 'Quarto'},
    {id: 4, Unidade: 'Kg', valor: 0.01, propriedade: 'Cozinha'},
);

  let novamedida = Medida.filter( (ele, ind) => ind === Medida.findIndex( elem => elem.propriedade === ele.propriedade && elem.propriedade === ele.propriedade))

  const mesmapropriedade = function(it) {
    if(it.propriedade == Medida.propriedade) {
      return true;
    } else {
        return false;
    }
  }
  const novaUnidade = Medida.filter(mesmapropriedade);
  return (
    <div className="conversor">
    <h1>Exemplo</h1>
    <div className="Container">
      <div>
      <label htmlfor="id: nome: Unidade">Propriedade</label>
      <select className="propriedade">
        {novamedida.map(item => (
        <option
          Key={item.propriedade}
          propriedade={item.propriedade}
          >
              {item.propriedade}
          </option>
        ))}
      </select>
        </div>
        <div>
        <div className="input">
                <label htmlfor="id: nome: Unidade">Preencha o campo</label>
                <input className="campo 1" type="number" id='campo1' required="required"value={C1} onChange={(e)=> setC1(e.target.value)}/>
        </div>  
        <select>{novaUnidade.map(item2 => (
        <option
          Key={item2.Unidade}
          Unidade={item2.Unidade}
          >
              {item2.Unidade}
          </option>
        ))}
        </select>
        <div className="input">
                <label htmlfor="id: nome: Unidade">Preencha o campo</label>
                <input className="campo 2" type="number" id='campo2' required="required"value={C2} onChange={(e)=> setC2(e.target.value)}/>
        </div> 
        <select>
          <option value="">Selecione a Unidade</option>
            <option>  
            </option>
        </select> 
        </div>
      </div>
    </div>
  );
}

export default Conversor