Starting date is not shown on x-axis

[sanaf1333]

I am showing dates on x-axis but the problem is that the starting date is not shown. My data is in this format:
["2002-08-31T00:00:00.000Z", "2003-08-31T00:00:00.000Z", "2004-08-31T00:00:00.000Z", "2005-08-31T00:00:00.000Z", "2006-08-31T00:00:00.000Z", "2007-08-31T00:00:00.000Z", "2008-08-31T00:00:00.000Z", "2009-08-31T00:00:00.000Z", "2010-08-31T00:00:00.000Z", "2011-08-31T00:00:00.000Z", "2012-08-31T00:00:00.000Z", "2013-08-31T00:00:00.000Z", "2014-08-31T00:00:00.000Z", "2015-08-31T00:00:00.000Z", "2016-08-31T00:00:00.000Z", "2017-08-31T00:00:00.000Z", "2018-08-31T00:00:00.000Z", "2019-08-31T00:00:00.000Z", "2020-08-31T00:00:00.000Z", "2021-08-31T00:00:00.000Z", "2022-08-31T00:00:00.000Z", "2023-08-31T00:00:00.000Z", "2024-08-31T00:00:00.000Z"]

On x-axis, following labels are shown 2004, 2006, 2008, 2010, 2012, 2014, 2016, 2018, 2020, 2022, 2024 but 2002 is not shown in the start. What can I change so it shows the starting year too? I have tried playing around with scale, labels, xAccessor but nothing is working, I made the first one appear but again it is not useful for every case as sometimes we have a lot of years so we might need a jump of 4 years or more which is not tailored then, also I have monthly data too liek the above pne but with more repeated years so in the custom formatted labels that is messed up too. Can someone please help me out here?

<XAxis

          data={dates}

          formatLabel={value => new Date(value).getFullYear().toString()}

          xAccessor={d => new Date(d.item).getTime()}

          numberOfTicks={9}

          scale={scale.scaleTime}

          contentInset={{ left: 20, right: apx(80) }}

          style={{ marginHorizontal: -10, paddingTop: 6, width: apx(750) }}

          svg={{ fontSize: 10, fill: 'grey' }}

        />

What platform?

react-native version: 0.74.2
react-native-svg-charts version: ^5.4.0
react-native-svg version: ^15.3.0