¿Ayúdame a sacar fruta única sin reducir su conteo de repeticiones?

He estado tratando de organizar esta matriz en un orden para sacar los mismos objetos de nombre de fruta en una matriz separada.

Estoy tratando de obtener algo como esto:

 [{fruit:'apple',id:2},{fruit:'apple',id:6},{fruit:'apple',id:5},{fruit:'apple',id:6},{fruit:'apple',id:9},{fruit:'grape',id:3},{fruit:'grape',id:10},{fruit:'orange',id:4},{fruit:'orange',id:8},{fruit:'banana',id:7},{fruit:'banana',id:11}]

de la matriz

 const arr= [{fruit:'apple',id:2},{fruit:'grape',id:3},{fruit:'orange',id:4},{fruit:'apple',id:5}, {fruit:'apple',id:6},{fruit:'banana',id:7},{fruit:'orange',id:8}, {fruit:'apple',id:9},{fruit:'grape',id:10},{fruit:'banana',id:11}]