Arriba está el resultado que obtengo para mi código, si puede ver el eje y, mis etiquetas de marca internas y etiquetas de marcas externas se superponen. Aquí está mi código para definir el eje.

 const strAxis = () => { gRef.current && select(gRef.current) .call( axisLeft(props.scale) .tickSize(tickSize) //.ticks(3) .tickSizeInner(wd) //Grid //.tickSizeOuter(12) ) .append('g') .attr("class", "yAxis") .call(axisLeft(props.scale)) //.style("stroke", "#eee") .call( (g) => g .selectAll(".tick text") //.append('g') .style("stroke", props.textColor) .style("font-size", props.tickFontSize || "12px") .style("margin-left", "50px") ) };