<Bar
      width="100%"
      height={300}
      data={coloredData}
      margin={{
        top: 50,
        right: 30,
        left: 20,
        bottom: 5,
      }}
      activeBar={{ fill: "blue", opacity: 0.7 }}
    />

here I used activeBar prop to change the color of active bar when hovered