Overlapping Y-axis labels

I have this Y-axis object:

{
	id: 'events',
	type: 'category',
	labels: this.state.eventLabelArray),
	scaleLabel: {
		display: true,
		labelString: 'Phenology'
	},
	ticks: {
		autoSkip: true
	}
}

Despite autoSkip being declared as “true,” it’s not working-each label is rendered, none are skipped:

If I de-duplicate the labels, the data is no longer mapped in the tooltip:

{
	id: 'events',
	type: 'category',
	labels: Array.from([...new Set(this.state.eventLabelArray)]),
	scaleLabel: {
		display: true,
		labelString: 'Phenology'
	},
	ticks: {
		autoSkip: true
	}
}