D3js cycling doping scatterplot graph, unable to display minutes on Y axis properly

JavaScript
#1

Hey.
In order to properly format the data for Y-axis, I transform a copy of every data.Time into a new Date object and map it through an Array.

const racingTime= data.map((cyclist)=>
		{
			let trackTime=cyclist.Time.split(':');
			return new Date(Date.UTC(cyclist.Year,1,1,0,trackTime[0],trackTime[1]));
		});

Of course, for tick format, I use the d3.timeFormat() method:

let minutesFormat=d3.timeFormat("%M:%S");

Followed by creating the Y-axis:

//Scale Y axis
	    const yScale= d3.scaleTime()
		.domain(d3.extent(racingTime,(d)=> d))
		.range([h-padding,padding]);
		// Y axis 
		const yAxis = d3.axisLeft(yScale)
		.tickFormat(minutesFormat);
		svg.append("g")
		 .attr("id","y-axis")
		 .attr("transform", "translate("+(padding+10) + ",0)") 
		 .call(yAxis);

However, the outcome only displays “00:00” on every tick value from the axis. I can’t tell why is that.
My code on codepen is: https://codepen.io/Sharkantropo/full/YgVygX Thanks in advance.

#2

If you check what d is, you’ll notice that somewhere along the way all the minutes have been lost:

    const yAxis = d3.axisLeft(yScale).tickFormat(d => {
      console.log(d); // 2001-12-31T22:00:00.000Z no minutes :( 
      return minutesFormat(d);
    });
#3

I see, can’t figure out why is that happening.

Edit: the culprit was d3.scaleTime(). I have to change the format I pass the object then.

Edit2: changing data.Year for a single parameter solves the issue. It seems for scaling it prioritizes years value.

#4